

#home .register-button {
  position:absolute;right:0.5rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;background: #3E606F;color: rgba(255,255,255,0.85);text-align:center;font-size: .346rem;
}

#home .register-button-active {
  opacity: 0.45;position:absolute;right:0.5rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;background: #3E606F;color: rgba(255,255,255,0.85);text-align:center;font-size: .346rem;
}

#home .login-button {
  position:absolute;right:2.8rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;color: rgba(255,255,255,0.85);text-align:center;font-size: .346rem;background: rgba(255,255,255,0.15);
}

#home .login-button-active {
  opacity: 0.45;position:absolute;right:2.8rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;color: rgba(255,255,255,0.85);text-align:center;font-size: .346rem;background: rgba(255,255,255,0.15);
}


#page-promotion .last-item {
  border-radius: 0 0 0.1rem 0.1rem;
}
  
#page-promotion .contact-top-btn:active {
  color: rgba(255,255,255,0.85);
  border: 1px solid #e05e00;
  border-radius: 0.1rem;
}

#page-promotion .pchat-button {
  position:absolute;right:0;width:1.5rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

#page-promotion .pchat-button-disabled {
  position:absolute;right:0;width:1.5rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
  opacity: 0.45;
}

#page-promotion .pclaim-button {
  position:absolute;top:0.05rem;right:0;width:1.7rem;height:1rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

#page-promotion .pclaim-button-disabled {
  position:absolute;right:0;width:1.7rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
  opacity: 0.45;
}
  
#page-promotion .pclaim-button:active {
  opacity: 0.45;
}
  
#page-promotion .agent-item-line {
  position: relative;
  height: 1.2rem;
}

#page-promotion .item-frame {
  position:relative;margin-top:0.5rem;left:0.5rem;width:9rem;border-radius: 0.2rem;
}

#page-promotion .item-frame  .title {
  position:relative;top:0.15rem;width:100%;height:0.85rem;font-size:.373rem;
}

#page-promotion .item-frame  .title img {
  opacity: 1;position:absolute;width:0.5rem;height:0.5rem;opacity: 0.45;
}

#page-promotion .item-frame  .title span {
  position:absolute;top:0.05rem;left:0.7rem;color: rgba(255,255,255,0.45);
}

#page-promotion .item-frame  .value {
  position:relative;width:100%;height:1.05rem;line-height:1.05rem;margin-bottom:0.4rem;
}

#page-promotion .item-frame  .value .text-frame {
  position:absolute;width:7rem;height:100%;font-size:.373rem;border-radius:0.22rem;background-color:rgba(255,255,255,0.08);border: 1px solid rgba(0,0,0,0);
}

#page-promotion .item-frame  .value .text-frame .text-title {
  position:absolute;width:1.6rem;text-align: center;color: rgba(255,255,255,0.45);
}

#page-promotion .item-frame  .value .text-frame .text-line {
  position:absolute;left:1.6rem;width:1px;height:0.65rem;top:0.2rem;background-color:rgba(255,255,255,0.15);
}

#page-promotion .item-frame  .value .text-frame .text-value {
  position:absolute;left:1.8rem;color: rgba(255,255,255,0.85);width:5rem;
}

#page-promotion .item-frame  .value .btn-frame {
  position:absolute;right:0;width:1.5rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
}

#page-promotion .view-details {
  position: relative;
  margin-top: 0.5rem;
  left: 0.5rem;
  width: 9rem;
  height: 1.2rem;
  line-height: 1.1rem;
  font-size: .373rem;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.45);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
  
#page-promotion .view-details:active {
  color: rgba(255,255,255,1);
}

#page-promotion .view-details .icon {
  position:absolute;left:0;width:0.5rem;height:0.5rem;top:0.3rem;
}

#page-promotion .view-details .title {
  position:absolute;left:0.7rem;height:100%;font-size: .373rem;color: #F9C486;
}

#page-promotion .view-details .value {
  position:absolute;right:0.6rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.85);
}

#page-promotion .view-details .value:active {
  color: #F9C486;
}

#page-promotion .view-details .arrow {
  position:absolute;right:0rem;width:0.6rem;height:0.6rem;top:0.25rem;background-color:rgba(0,0,0,0);border-radius:0.3rem;
}

#page-promotion .view-details .arrow img {
  opacity: 1;position:absolute;top:0.1rem;left:0.1rem;width:0.4rem;height:0.4rem;
}

#page-promotion .today-item-top {
  position:relative;margin-top:0.7rem;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.22rem 0.22rem 0 0;
}

#page-promotion .today-item-top .icon {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .today-item-top .title {
  position:absolute;left:1.2rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.65);
}

#page-promotion .today-item-top .level {
  position:absolute;right:0;width:50%;height: 100%;
}

#page-promotion .today-item-top .level .line {
  position:absolute;width:1px;top:20%;height: 60%;right:2.5rem;background: rgba(255,255,255,0.15);
}

#page-promotion .today-item-top .level .value {
  position:absolute;right:0;width:2.5rem;height:100%;display: flex;justify-content: center;align-content: center;
}

#page-promotion .today-item-top .level .value .value-title {
  color: rgba(255,255,255,0.25);font-size: .373rem;margin-right: 0.2rem;
}

#page-promotion .today-item-top .level .value .value-text {
  color: rgba(255,255,255,0.85);font-size:.533rem;
}

#page-promotion .today-item {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.04);
}

#page-promotion .today-item-bottom {
  border-radius: 0 0 0.1rem 0.1rem;
}

#page-promotion .today-item .icon {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .today-item .icon {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .today-item .title {
  position:absolute;left:1.2rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.45);
}

#page-promotion .today-item .value {
  position:absolute;right:0.4rem;height:100%;font-size: .533rem;color: rgba(255,255,255,0.65);
}

#page-promotion .today-item .value1 {
  position:absolute;right:0.4rem;height:100%;font-size: .533rem;color: rgba(255,255,255,0.85);
}

#page-promotion .agent-list-top {
  position:relative;margin-top:0.7rem;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.22rem 0.22rem 0 0;
}

#page-promotion .agent-list-top img {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .agent-list-top span {
  position:absolute;left:1.2rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item-title {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item-title .title1 {
  position:absolute;left:0.3rem;width:3.4rem;
}

#page-promotion .agent-item-title .title2 {
  position:absolute;left:3.4rem;width:2.9rem;text-align: center;
}

#page-promotion .agent-item-title .title3 {
  position:absolute;right:0;width:2.7rem;text-align: center;
}

#page-promotion .agent-item-title .line1 {
  position:absolute;left:3.4rem;width:1px;top:20%;height:60%;background: rgba(0,0,0,0.15);
}

#page-promotion .agent-item-title .line2 {
  position:absolute;right:2.7rem;width:1px;top:20%;height:60%;background: rgba(0,0,0,0.15);
}

#page-promotion .agent-item {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item2 {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item .left {
  position:absolute;width:3.4rem;height: 100%;
}

#page-promotion .agent-item .left .avatar {
  position:absolute;left:0.5rem;width:0.6rem;height:0.6rem;top:50%;margin-top:-0.3rem;border-radius: 0.1rem;
}

#page-promotion .agent-item .left .name {
  position:absolute;left:1.25rem;width:2rem;
}

#page-promotion .agent-item .left .level {
  position:absolute;right:2px;width:0.88rem;height:0.55rem;line-height: 0.55rem;top:50%;margin-top:-0.275rem;border: 1px solid #655656;border-radius: 0.5rem;color: #655656;font-size: .32rem;text-align: center;
}

#page-promotion .agent-item .middle {
  position:absolute;left:3.4rem;width:2.9rem;height: 100%;text-align: center;
}

#page-promotion .agent-item .right {
  position:absolute;right:0;width:2.7rem;height: 100%;text-align: center;
}

.dialog-pay {
  width: 10rem;display: flex;flex-flow: column;
}

.dialog-pay .dialog-title {
  position:relative;width:100%;height:1.5rem;background: rgba(255,255,255,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

.dialog-pay .dialog-title img { 
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

.dialog-pay .dialog-frame {
  position:relative;top:0;left:0;width:10rem;height: 70vh;overflow:hidden;
}

.dialog-pay .dialog-frame .content {
  position:absolute;top:0;left:1rem;width:8rem;height:50vh;overflow-x: hidden;overflow-y: scroll;
}

.dialog-pay .dialog-frame .content .sub-title {
  position:relative;left:0;margin-top:0.5rem;width:100%;height:0.5rem;line-height: 0.5rem;font-size:.373rem;color: rgba(255,255,255,0.65);
}

.dialog-pay .dialog-frame .content .item {
  position:relative;margin-top:0.5rem;left:0;width:8rem;height: 1.77rem;background: rgba(255,255,255,0.15);border-radius: 0.44rem;
}

.dialog-pay .dialog-frame .content .item:active {
  opacity: 0.45;
}

.dialog-pay .dialog-frame .content .item .line {
  position:absolute;left:4.5rem;width:1px;height:0.8rem;top:50%;margin-top:-0.4rem;background: rgba(255,255,255,0.25);
}

.dialog-pay .dialog-frame .content .item .logo {
  position:absolute;left:0.98rem;width:2.5263rem;height:0.9rem;top:50%;margin-top:-0.45rem;
}

.dialog-pay .dialog-frame .content .item .arrow {
  position: absolute;right:0.3rem;width:0.56rem;height:0.56rem;top:50%;margin-top:-0.28rem;opacity: 0.65;
}

.dialog-pay .dialog-frame .content .item .name {
  position:absolute;right:0.8rem;width:2.5rem;height:1.77rem;line-height: 1.77rem;color: rgba(255,255,255,0.85);font-size: .373rem;text-align: center;
}

.dialog-pay .dialog-frame .tips {
  position:absolute;bottom:0.6rem;left:1rem;width:8rem;font-size: .373rem;color: rgba(255,255,255,0.45);text-align: center;line-height: 0.55rem;
}

.dialog-common {
  width: 7rem;padding: 0.8rem;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #514545;border-radius: 0.2rem;
}

.dialog-common .content {
  color: rgba(255,255,255,0.7);font-size: .426rem;text-align: center;line-height: 0.6rem;
}

.dialog-common .btn-ok {
  border-radius: 0.22rem;margin-top: 0.8rem;width:3.2rem;height:1rem;text-align:center;line-height:1rem;color: rgba(255,255,255,0.85);font-size:.426rem;background: #3E606F;
}

.dialog-common .btn-ok span {
  top:0;left:0;width:100%;color: rgba(255,255,255,0.85);
}


.dialog-main-class {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.25), inset 0 1px 0 0 rgba(255,255,255,.25) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  background-color: transparent !important;
  width: 10rem !important;
}

.sdbtn-common-main {
  text-align: center;
  font-size: 0.373rem;
  border-radius: 0.6rem;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

.sdbtn-common-second {
  text-align: center;
  font-size: 0.373rem;
  border-radius: 0.6rem;
  background: #164633;
  color: rgba(255,255,255,0.85);
}

.sd-nomore-frame {
  position:relative;
  font-size:.373rem;
  width:100%;
  height:1.8rem;
  line-height:1.8rem;
  text-align:center;
  color:#969799;
}

.sd-loadmore-frame {
  position:relative;
  font-size:.4rem;
  width:100%;
  height:1.8rem;
  line-height:1.8rem;
  text-align:center;
  color:#969799;
}

.sd-loading-frame {
  position:relative;
  font-size:.4rem;
  width:100%;
  height:1.8rem;
  line-height:1.8rem;
  text-align:center
}

.bonus-select {
  position:relative;
  margin-top:0.6rem;
  left:0.5rem;
  width:9rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  font-size:.373rem;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius:0.22rem;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
}

.bonus-select .icon {
  opacity: 0.65;
  margin-left:-3.5rem;
  margin-top:0.25rem;
  margin-right:0.2rem;
  width:0.5rem;
  height:0.5rem;
}

.gift-tips {
  position:relative;
  width:8rem;
  left:1rem;
  font-size:.35rem;
  line-height: 0.5rem;
  text-align: left;
  margin-bottom: 0.4rem;
  background-color: rgba(0,0,0,0);
  color: rgba(255,255,255,0.45);
}

.pay-iframe {
  position: fixed;
  top: 1.2rem;
  left: 0;
  width: 10rem;
  background: white;
}

.signup-item-normal-disabled {
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(0,0,0,0);
}

.signup-item-normal {
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(0,0,0,0);
}

.signup-item-edit-normal {
  background: #20262D;
  border: 1px solid #D1DBBD;  
}

.signup-item-edit-error {
  background: #1A242D;
  border:1px solid #FF7F7F;
}

.signup-item-signup-disable {
  position:relative;
  width:3.2rem;
  left:50%;
  margin-left:-1.6rem;
  border-radius: 0.22rem;
  margin-bottom: 0.6rem;
  height:1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .373rem;
  border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.25);
}

.signup-item-signup-enable {
  position:relative;
  width:3.2rem;
  left:50%;
  margin-left:-1.6rem;
  border-radius: 0.22rem;
  margin-bottom: 0.6rem;
  height:1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .373rem;
  border: 1px solid #3E606F;
  background: #3E606F;
  color: rgba(255,255,255,0.85);
}


.top-nav-normal {
  width:10rem;
  height:1.2rem;
  line-height:1.2rem;
  background: rgba(37,40,46,1)!important;
  color: rgba(255,255,255,0.65)!important;
}

.top-nav-wheel {
  width:10rem;
  height:1.2rem;
  line-height:1.2rem;
  background: rgba(37,40,46,1)!important;
  color: rgba(255,255,255,0.65)!important;
}

.top-nav-title {
  color: rgba(255,255,255,0.65)!important;
}

.top-nav-wheel-title {
  color: rgba(255,255,255,0.65)!important;
}

.top-nav-leftimg {
  transform: rotate(180deg);opacity: 0.65;
}

.top-nav-wheel-leftimg {
  transform: rotate(180deg);opacity: 0.65;
}

.top-nav-right {
  position: fixed;
  right:0;
  width: 2rem;
  height: 1.2rem;
}

.top-nav-rightimg {
  opacity:0.65;
  position: fixed; 
  top: 0.35rem;
  right:0.5rem;
  width: 0.5rem; 
  height: 0.5rem;
}


.dialog-login-title {
  position:relative;width:100%;height:5rem;text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(0,0,0,0.85);
}

.dialog-login-topbg {
  position:absolute;top:0;left:0;width:10rem;height:5rem;
}

.dialog-login-closeicon {
  position:absolute;top:50%;top:0.4rem;left:0.3rem;width:0.8rem;height:0.8rem;
}

.dialog-login-content {
  position:relative;width:100%;max-height: 60vh;overflow: scroll;
}

.dialog-login-tips1 {
  position:relative;margin-left:1rem;margin-right:1rem;font-size:.427rem;line-height: .55rem;text-align:center;color: rgba(255,255,255,0.85);
}

.dialog-login-tips2 {
  position:relative;margin-left:1rem;margin-right:1rem;font-size:.35rem;line-height: .8rem;text-align:center;color: rgba(255,255,255,0.45);
}

.dialog-login {
  position:relative;margin-left:2.6rem;width:2.2rem;height:1.1rem;background: rgba(255,255,255,0.15);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);text-align: center;font-size: 0.373rem;line-height: 1.1rem;color: rgba(255,255,255,0.85);;border-radius:0.22rem;
}

.dialog-login:active {
  opacity: 0.45;
}

.dialog-register {
  position:relative;margin-top:-1.1rem;margin-left:5.2rem;width:2.2rem;height:1.1rem;background: #3E606F;text-align: center;font-size: 0.373rem;line-height: 1.1rem;color: rgba(255,255,255,0.85);border-radius:0.22rem;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.dialog-register:active {
  opacity: 0.45;
}


.agent-tips-container {
  position:relative;
  width:10rem;
  overflow-x: hidden;
  overflow-y: scroll;
  background: black;
}

.agent-tips-topbg {
  position:relative;
  top:0;
  height: 40.27rem;
}

.agent-tips-topbg img{
  position:absolute;
  width:10rem;
}

.commission-table {
  position: relative;
  margin-top: 1rem;
  margin-left: .5rem;
  width: 9rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: rgba(249,196,134,.25);
  color: #f9c486;
  font-size: .64rem;
  text-align: center;
  border-radius: .15rem .15rem 0 0;
}

.commission-item {
  position:relative;
  margin-top: 2px;
  margin-left: 0.5rem;
  width:9rem;
  height:1rem;
  line-height: 1rem;
}

.commission-item .level {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: rgba(115,121,143,0.25);
  color: rgba(255,255,255,0.65);
}

.commission-item .level2 {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: #1A242D;
  color: rgba(255,255,255,0.65);
}

.commission-item .commission {
  position:absolute;
  right:0;
  width:2.88rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: rgba(115,121,143,0.25);
  color: rgba(255,255,255,0.65);
}

.commission-item .commission2 {
  position:absolute;
  right:0;
  width:2.88rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: #1A242D;
  color: rgba(255,255,255,0.65);
}

.commission-item .performance {
  position:absolute;
  left:1.63rem;
  width:4.38rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: rgba(115,121,143,0.25);
  color: rgba(255,255,255,0.65);
}

.commission-item .performance2 {
  position:absolute;
  left:1.63rem;
  width:4.38rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: #1A242D;
  color: rgba(255,255,255,0.65);
}

.commission-item .title-level {
  background: rgba(255,255,255,0.15);color: #E1DCDC;font-size: .426rem
}

.commission-item .title-performance {
  background: rgba(255,255,255,0.15);color: #E1DCDC;font-size: .426rem;
  
}

.commission-item .title-commission {
  background: rgba(255,255,255,0.15);color: #F9C486;font-size: .426rem;
}

.commission-item-tips {
  background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);font-size: .373rem;
}

.commission-item-tips img {
  opacity: 0.45;position:absolute;top: 50%;margin-top:-0.3rem;left:0.475rem;width:0.6rem;height:0.6rem;
}

.commission-item-tips span {
  position:absolute;left:1.3rem;
}

.commission-item-star {
  background: rgba(255,255,255,0);height: 3rem;
}

.commission-item-star img {
  position:absolute;width:3.33rem;height:2rem;top:50%;margin-top:-1.1rem;left:50%;margin-left: -1.65rem;transform: rotate(180deg);
}

.commission-item-bottom {
  margin-left: 0;width: 10rem;background: #333333;text-align: center;color: rgba(255,255,255,0.45);font-size: .373rem;
}



.avatar-setting-preview {
  position:relative;margin-top:1.2rem;height: 8rem;width: 8rem;margin-left:1rem;
}

.avatar-setting-preview img{
  width:100%;height:100%;border-radius: 0.44rem;
}

.avatar-setting-input {
  position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity:0;
}

.choose-new-photo {
  position:relative;
  margin-top:1.2rem;
  margin-left:1rem;
  width:8rem;
  height:1.2rem;
  line-height: 1.2rem;
  border-radius:0.22rem;
  font-size:.426rem;
  text-align: center;
  background: #3E606F;
  color: rgba(255,255,255,0.85);
}

.choose-new-photo:active {
  opacity: 0.45;
}



.progress-indicator {
  top:0.121rem;
  margin-left:0.2rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  width: 0%;
  background-image: linear-gradient(180deg, #FCD7A1 0%, #B25922 100%);
  position: absolute;
}

.game-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  background: white;
}



.top-card {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height: 2.8rem;
}

.top-card-bg {
  position:absolute;
  top:0;
  width:9rem;
  height:2.8rem;
  left:0;
}

.top-card-top {
  position:absolute;
  top:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.top-card-top .text-left {
  position:absolute;
  left:0;
  font-size:.533rem;
  font-weight: bold;
  color: rgba(255,255,255,0.65);
}

.top-card-top .text-right {
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.top-card-middle {
  position:absolute;
  top:50%;
  margin-top:-0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.top-card-middle .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.top-card-middle .text-right {
  position:absolute;
  right:0;
  font-size:.533rem;
  font-weight: bold;
  color: rgba(255,255,255,1);
}

.top-card-bottom {
  position:absolute;
  bottom:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.top-card-bottom .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.top-card-bottom .text-right {
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.game-detail-frame {
  position: relative;
  width: 9rem;
  height: 1.3rem;
  left: 50%;
  margin-left: -4.5rem;
  margin-top: 0.8rem;
  border-radius: 0.1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,0);
}

.game-detail-frame .icon {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  left: 0;
  border-radius: 0.1rem;
}

.game-cell-normal {
  width: 9rem;
  height: 1.3rem;
  border-radius: 0.1rem;
  background-color: rgba(0,0,0,0);
}
  
.game-cell-normal:active {
  background-color: rgba(0, 0, 0, 0);
}

.game-cell-normal .win-title {
  position: absolute;
  right: 0px;
  width: 1.1rem;
  height: 0.65rem;
  border-radius: 0.4rem; 
  overflow: hidden; 
  font-size: 0.4rem; 
  line-height: 0.65rem;
  text-align: center;
  background: #F9C486;
  color: rgba(0,0,0,0.65);
}

.game-cell-normal .lose-title {
  position: absolute;
  right: 0px;
  width: 1.1rem;
  height: 0.65rem;
  border-radius: 0.4rem; 
  overflow: hidden; 
  font-size: 0.4rem; 
  line-height: 0.65rem;
  text-align: center;
  background-color: rgba(255,255,255,0.2); 
  color: rgba(255,255,255,0.45);
}

.game-cell-normal .game-name {
  position:absolute;
  left:1.5rem;
  width:3.3rem;
  height: 0.65rem;
  line-height: 0.65rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.85);
}

.game-cell-normal .game-value1 {
  position:absolute;
  top:0.65rem;
  left:1.5rem;
  height: 0.65rem;
  line-height: 0.65rem;
  width:4.1rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.game-cell-normal .game-value2 {
  position:absolute;
  right:1.8rem;
  height: 0.65rem;
  line-height: 0.65rem;
  text-align: right;
  width:3.3rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.65);
}

.game-cell-normal .game-time {
  position:absolute;
  top:0.65rem;
  right:0;
  height: 0.65rem;
  line-height: 0.65rem;
  text-align: right;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}
  
.game-item-line {
  position: relative;
  height: 1.2rem;
}


.ltop-card {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height: 2.8rem;
}

.ltop-card-bg {
  position:absolute;
  top:0;
  width:9rem;
  height:2.8rem;
  left:0;
}

.ltop-card-top {
  position:absolute;
  top:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.ltop-card-top .img-left {
  opacity: 0.65;
  position:absolute;
  top:0.05rem;
  left:-0.1rem;
  width:0.6rem;
  height:0.6rem;
}

.ltop-card-top .text-left {
  position:absolute;
  left:0.6rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.ltop-card-middle {
  position:absolute;
  top:50%;
  margin-top:-0.2rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.ltop-card-middle .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.ltop-card-middle .text-right {
  position:absolute;
  right:0;
  font-size:.533rem;
  font-weight: bold;
  color: rgba(255,255,255,1);
}

.ltop-card-bottom {
  position:absolute;
  bottom:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.ltop-card-bottom .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.ltop-card-bottom .text-right {
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.lgame-detail-frame {
  position: relative;
  width: 9rem;
  height: 1.3rem;
  left: 50%;
  margin-left: -4.5rem;
  margin-top: 0.8rem;
  border-radius: 0.1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,0);
}

.lgame-detail-frame .icon {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  left: 0;
  border-radius: 0.1rem;
}

.lgame-cell-normal {
  background-color: rgba(0,0,0,0);
  width: 9rem;
  height: 1.3rem;
  border-radius: 0.1rem;
}
  
.lgame-cell-normal:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.lgame-cell-normal .game-name {
  position:absolute;
  left:1.5rem;
  width:3.3rem;
  height: 0.65rem;
  line-height: 0.65rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.85);
}

.lgame-cell-normal .game-value1 {
  position:absolute;
  top:0.65rem;
  left:1.5rem;
  width:4.1rem;
  height: 0.65rem;
  line-height: 0.65rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.lgame-cell-normal .game-value2 {
  position:absolute;
  right:0.7rem;
  text-align: right;
  width:3.3rem;
  height: 0.65rem;
  line-height: 0.65rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.65);
}

.lgame-cell-normal .game-times {
  position:absolute;
  top:0.65rem;
  right:0.7rem;
  text-align: right;
  width:2.5rem;
  height: 0.65rem;
  line-height: 0.65rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.lgame-cell-normal .arrow {
  position:absolute;
  top:0.3rem;
  right:0;
  width:0.5rem;
  height:0.5rem;
  opacity: 0.45;
}

.game-cell-line {
  position:absolute;
  bottom:-0.4rem;
  left:0;
  width:9rem;
  height: 1px;
  background: rgba(255,255,255,0);
}
    
.game-item-line {
  position: relative;
  height: 1.2rem;
}

.sd-empty-tips {
  position: relative;
  margin-top: 0.2rem;
  line-height: .41rem;
  left:2rem;
  width:6rem;
  font-size:.32rem;
  text-align: center;
  color: rgba(255,255,255,0.45);
}
  
.sort-item {
  position: absolute;
  width: 2.13rem;
  height: 0.9rem;
  border-radius: 0.1rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.5rem;
}
  
.sort-item-normal {
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
}
  
.sort-item-selected {
  background: #3E606F;
  color: rgba(255,255,255,0.85);
}

.sort-content {
  width: 10rem;height: 16.5rem;display: flex;flex-flow: column;
}

.sort-content .title {
  position:relative;
  width:100%;
  height:1.5rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.5rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.sort-content .close-icon {
  opacity: 0.45;
  position:absolute;
  top:50%;
  margin-top:-0.4rem;
  right:0.3rem;
  width:0.8rem;
  height:0.8rem;
}

.sort-content .top-tips {
  position: relative;
  margin-top:0.6rem;
  margin-left:1.5rem;
  color: rgba(255,255,255,0.85);
  font-size:.373rem;
}

.sort-content .item-container {
  position:relative;margin-left:1.5rem;margin-top:0.5rem;width:7rem;height:3.5rem;
}

.sort-btn-enable {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  background: #3e606f;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(255,255,255,0.85);
  border-radius: 0.22rem;
  border: 1px solid #3e606f;
}



.today-item-arrow {
  opacity: 0.45;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  top:0.3rem;
  right:0.3rem;
}

.today-item-bottom {
  border-radius: 0 0 0.1rem 0.1rem;
}


.login-top-frame {
  position: relative;
  top: 1rem;
  height: 5.5rem;
}

.login-top-frame img {
  position:absolute;
  width:2.1rem;
  height:2.1rem;
  left:50%;
  margin-left:-1.05rem;
  border-radius: 0.2rem;
}

.login-top-frame span {
  position:absolute;
  top:2.5rem;
  left:0.55rem;
  width:9rem;
  font-size:.533rem;
  text-align:center;
  word-break: break-all;
  color: rgba(255,255,255,1);
}

.login-item {
  position:relative;
  width:8.4rem;
  height:1.3rem;
  left:50%;
  margin-left:-4.2rem;
  border-radius: 0.22rem;
}

.login-item-input {
  font-family: monospace;color: rgba(255,255,255,0.85);
}

.login-item-normal {
  border:1px solid rgba(0,0,0,0);
  background: rgba(255,255,255,0.04);
}

.login-item-edit-normal {
  background: #20262D;
  border: 1px solid #D1DBBD;  
}

.login-item-edit-error {
  background: #1A242D;
  border:1px solid #FF7F7F;
}

.login-item-error {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  text-align: center;
  border-radius: 0.1rem;
  width:8.4rem;
  left:50%;
  margin-left:-4.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: rgba(255,0,0,0.25);
  color:white;
}

.login-item-line {
  position:relative;
  height:0.6rem;
}

.login-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.5rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
}

.login-item .icon {
  position:absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}


.lottery-btn-frame {
  position: relative;
  margin-top: -1.2rem;
  left: 0;
  width: 10rem;
  height: 3rem;
}

.lottery-btn-draw {
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border-radius: 1.1rem;
  border: 2px solid rgb(252, 215, 161);
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.45);
  color: #FCD7A1;
  position: absolute;
  left: 50%;
  margin-left: -1.8rem;
  width: 3.6rem;
  height: 0.92rem;
  text-align: center;
  line-height: 0.92rem;
  font-size: 0.5rem;
}

.lottery-btn-draw span {
  position:absolute;top:0;left:0;width:100%;
}

.lottery-btn-voucher {
  background: rgba(0,0,0,0.65);border-radius: 1.1rem;border: 2px solid rgb(252, 215, 161);box-shadow: 0 8px 12px 0 rgba(0,0,0,0.45);color: #FCD7A1;position: absolute;left: 50%;top: 1.35rem;margin-left: -1.8rem;width: 3.6rem; height: 0.92rem;text-align: center;line-height: 0.92rem;font-size: 0.426rem;
}

.lottery-btn-voucher .span1 {
  position:absolute;top:0;left:0;width:100%;
}

.lottery-btn-voucher .span2 {
  position:absolute;top:-0.15rem;right:-0.1rem;padding:0.1rem;font-size:10px;background:#FF0000;line-height:0.2rem;border-radius:0.4rem;border: 1px solid #FCD7A1;
}

.lottery-bottom-frame {
  position:relative;margin-top:0.6rem;left:0;width:10rem;height:6.8rem;background-image: linear-gradient(135deg, #fcd7a1 0%, #d17836 100%);box-shadow: inset 0 1px 0 0 #F9C486;
}

.lottery-bottom-cardnum {
  position:absolute;top:1.5rem;left:0.3rem;width:1.4rem;height:0.6rem;line-height:0.6rem;text-align:center;
}

.lottery-bottom-tips {
  position:absolute;top:2.5rem;width:10rem;height:0.8rem;line-height:0.8rem;color: #78340F;font-size:.346rem;text-align:center;
}

.lottery-redeem-enable {
  position:absolute;top:4rem;left:50%;margin-left:-1.1rem;width:2.2rem;height:1rem;line-height:1rem;border-radius:0.6rem;text-align:center;font-size:.373rem;background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);border: 2px solid rgb(252, 215, 161);color: #FCD7A1;
}

.lottery-redeem-enable span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.lottery-redeem-disable {
  position:absolute;top:4rem;left:50%;margin-left:-1.1rem;width:2.2rem;height:1rem;line-height:1rem;border-radius:0.6rem;text-align:center;font-size:.373rem;border: 1px solid rgba(255,255,255,0.25);color: rgba(255,255,255,0.45);
}

.lottery-redeem-disable span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.item-card {
  position: absolute;
  top: 0.3rem;
  width: 2rem;
  height: 2.5rem;
  color: #78340F;
  font-size: .373rem;
}

.item-card-0 {
  position: absolute;
  top: 0.3rem;
  width: 2rem;
  height: 2.5rem;
  color: lightgray;
  font-size: .373rem;
}

.lottery-list-title {
  position:relative;width:100%;height:1.5rem;background: rgba(255,255,255,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,1);
}

.lottery-list-title img {
  position:absolute;top:50%;margin-top:-0.4rem;right:0.3rem;width:0.8rem;height:0.8rem;
}

.lottery-list-content {
  position:relative;
  top:0;
  left:0;
  width:10rem;
  max-height:90vh;
  overflow:scroll;
}

.lottery-list-item {
  position:relative;
  left:0.6rem;
  width:8.8rem;
  height:2.82rem;
}

.lottery-list-item .bg {
  position:absolute;
  top:0.4rem;
  left:0;
  width:8.8rem;
  height:2.42rem;
}

.lottery-list-item .top {
  position:absolute;
  top:0.4rem;
  left:0;
  width:100%;
  height:1.2rem;
  line-height:1.2rem;
  font-size:.426rem;
}

.lottery-list-item .top-title {
  position:absolute;left:0.5rem;color: rgba(0,0,0,0.65);
}

.lottery-list-item .top-value {
  position:absolute;right:0.5rem;
}

.lottery-list-item .top-value .tcount {
  color: rgba(0,0,0,0.85);font-weight:bold;
}

.lottery-list-item .top-value .total {
  color: rgba(0,0,0,0.45);
}

.lottery-list-item .bottom {
  position: absolute;
  top: 1.4rem;
  left: 0;
  height: 1.22rem;
  line-height: 1.22rem;
  width: 100%;
}

.lottery-list-item .bottom-title {
  position: absolute;
  left: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lottery-list-item .bottom-title .count {
  color: #B25922;font-size:.96rem;
}

.lottery-list-item .bottom-title .voucher {
  color: #78340F;font-size:.426rem;margin-left: 0.3rem;top:0.1rem;
}

.lottery-list-item .claim-frame {
  position: absolute;
  right: 0;
  height: 1.22rem;
  line-height: 1.22rem;
  width:5rem;
  top:0.1rem;
}

.lottery-list-item .claim-frame .claimed {
  position:absolute;right:0.5rem;color: #2B1600;
}

.lottery-list-item .claim-frame .canclaim {
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);color: #FCD7A1;border: 2px solid rgb(252, 215, 161); box-shadow: rgba(120, 52, 15, 0.45) 0px 8px 12px 0px, rgba(255, 255, 255, 0.65) 0px 1px 0px 0px inset; position: absolute; text-align: center; width: 2rem; right: -0.2rem; height: 0.9rem; line-height: 0.9rem; border-radius: 0.5rem; font-size: 0.373rem;
}

.lottery-list-item .claim-frame .notclaim {
  background: transparent; color: rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,0.15);position: absolute; text-align: center; width: 2rem; right: -0.2rem; height: 0.9rem; line-height: 0.9rem; border-radius: 0.5rem; font-size: 0.373rem;
}

.lottery-btn-claim {
  position: absolute;
  right: 0.5rem;
  width: 2.5rem;
}

.lottery-btn-claim:active {
  opacity: 0.45;
}

.lottery-result-title {
  position:absolute;
  top:0;
  width:10rem;
  height:2rem;
  line-height: 2rem;
  text-align: center;
  background-image: linear-gradient(-45deg, #F39A4F 0%, #FCD7A1 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: .86rem;
}

.lottery-result-content {
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 9rem;
  height: 9rem;
  margin-left: -4.5rem;
}

.lottery-result-content .bg {
  width: 9rem;
  height: 9rem;
}

.lottery-result-content .close {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 1.1rem;
  height: 1.4rem;
}

.lottery-result-content .result1 {
  position: absolute;
  top: 0.7rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  left: 50%;
  margin-left: -2rem;
  text-align: center;
  font-size: 3rem;
  color: #740000;
}

.lottery-result-content .result2 {
  position: absolute;
  top: 0.7rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  left: 50%;
  margin-left: -2rem;
  text-align: center;
  font-size: 2rem;
  color: #740000;
}

.lottery-result-content .btn-receive {
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border-radius: 1.1rem;
  border: 2px solid rgb(252, 215, 161);
  box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
  color: #FCD7A1;
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -2.2rem;
  width: 4.4rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: 0.426rem;
}

.lottery-result-content .btn-receive span {
  position: absolute;
  top: -0.05rem;
  left: 0;
  width: 100%
}


.message-top-frame {
  position:relative;
  top:0.7rem;
  height: 2.8rem;
}

.message-top-frame img{
  position:absolute;
  width:1.8rem;
  height:1.8rem;
  left:50%;
  margin-left:-0.9rem;
}

.message-item {
  position:relative;
  margin-top:0.4rem;
  margin-bottom:0.2rem;
  font-size: .4rem;
  line-height: .6rem;
}

.message-item .top {
  position: relative;
  left:0.5rem;
  width:9rem;
  height:1rem;
  line-height: 1rem;
}

.message-item .top .time{
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.25);
}

.message-item .title{
  position:absolute;
  width:2.1rem;
  height:0.7rem;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.35rem;
  font-size:.373rem;
}

.message-item .title1 {
  background: rgba(255,255,255,0.25);
  color: rgba(0,0,0,0.65);
}

.message-item .title2 {
  background: #7F99FF;color: rgba(0,0,0,0.65);
}

.message-item .title3 {
  background: #F39A4F;color: rgba(0,0,0,0.65);
}

.message-item .content {
  position: relative;
  left:0.5rem;
  width:9rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  white-space: pre-wrap;
}

.message-item .line {
  position: relative;
  left:0.5rem;
  width:9rem;
  height: 0.4rem;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}


.profile-avatar {
  position:relative;
  margin-top:1.2rem;
  height: 3.2rem;
}

.profile-avatar .title {
  position:absolute;
  left:0.8rem;
  top:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.profile-avatar .avatar {
  position:absolute;
  width:3.2rem;
  height:3.2rem;
  left:50%;
  margin-left:-1.6rem;
  border-radius: 0.22rem;
}

.profile-avatar .avatar-edit { 
  opacity:0.45;
  width:0.5rem;
  height:0.5rem;
  margin-top:0.15rem;
  margin-left:0.15rem;
}

.profile-title-normal {
  position:relative;
  left:0.8rem;
  width:9rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.profile-value-normal {
  position:absolute;
  left:1.5rem;
  width:5.5rem;
  overflow:hidden;
  font-size:.373rem;
  color: rgba(255,255,255,0.85);
}

.profile-bg-normal {
  position:absolute;
  height:100%;
  width:8.4rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.02);
}

.profile-bg-canedit {
  position:absolute;height:100%;width:8.4rem;border-radius: 0.22rem;
}

.profile-item .icon {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.profile-item .wicon {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
}

.profile-item-arrow {
  opacity:0.45;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  right:0.5rem;
}

.pwdicon {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 1.8rem;
  margin-top: 0.4rem;
  opacity: 0.45;
}
  
.profile-edit-btn {
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  margin-left: 1.7rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.45rem;
  background: rgba(255,255,255,0.15);
  border: 0px solid rgba(0,0,0,0.04);
}
  
.profile-edit-btn-active {
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  margin-left: 1.7rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.45rem;
  background: #3E606F;
  border: 0px solid #3E606F;
}
  
.coin-input {
  position: absolute;
  border: none;
  margin-top: 0.1rem;
  height: 1rem;
  line-height: 1rem;
  margin-left: 0.5rem;
  width: 5.5rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}
  
.rcoin-item-normal {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(0,0,0,0);
}

.rcoin-item-normal-disabled {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(0,0,0,0);
}
  
.rcoin-item-edit-normal {
  background: #20262D;
  border: 1px solid #D1DBBD;  
}
  
.rcoin-item-edit-error {
  background-color: #20262D;
  border: 1px solid #FF7F7F;
}
      
.profile-btn-enable {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: #3E606F;
  color: rgba(255,255,255,0.85);
  border: 1px solid 3E606F;
}
  
.profile-btn-disable {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  color: rgba(255,255,255,0.25);
  border: 1px solid rgba(255,255,255,0.15);
}
  
.profile-item {
  position: relative;
  width: 8.4rem;
  height: 1.1rem;
  line-height:  1.1rem;
  left: 50%;
  margin-left: -4.2rem;
  border-radius: 0.22rem;
}
  
.profile-item-normal {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(0,0,0,0);
}
  
.profile-item-normal:active {
  background: #3E606F;
}
       
.setting-item-error {
  position: relative;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: .373rem;
  text-align: center;
  border-radius: 0.1rem;
  width: 7rem;
  left: 50%;
  margin-left: -3.5rem;
  background: rgba(255,0,0,0.25);
  color: white;
}

.profile-item-line {
  position: relative;
  height: 0.6rem;
}
  
.profile-item .input {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.5rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
}
    
.profile {
  position: relative;
  width: 8rem;
  left: 50%;
  margin-left: -4rem;
  margin-top: 0.3rem;
}
  
.profile .title {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.45);
}
  
.profile .profile-item {
  position: relative;
  width: 8rem;
  height: 1.3rem;
  line-height: 1.3rem;
  left: 50%;
  margin-left: -4rem;
  border-radius: 0.22rem;
}

.profile-home {
  margin-top:0.2rem;
  margin-bottom:0.5rem;
}
  
.profile .profile-item .type-item {
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.8rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: .373rem;
  text-align: center;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.65);
}
  
.profile .profile-item .type-item-checked {
  background: #3E606F;
  color:  rgba(255,255,255,0.85);
}
  
.profile .profile-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #BB4E00;
}
  
.profile .profile-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: #BB4E00;
}
  
.profile .profile-item .clear {
  position: absolute;
  right: 0.9rem;
  height: 1.3rem;
  width: 1rem;
}
  
.profile .profile-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}
  
.profile .profile-item .input {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}
    
.profile .profile-item .icon-item {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.45;
}
  
.profile .profile-item .icon-focus {
  opacity: 1.0;
}
  
.profile-item-error-mp {
  position: relative;
  line-height: 0.55rem;
  font-size: .373rem;
  text-align: center;
  border-radius: 0.1rem;
  width: 8rem;
  left: 50%;
  margin-left: -4rem;
  z-index: 99;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #FF7F7F;
  color: white;
}
  
.profile-logout-frame {
  position:fixed;
  top:0;
  width:10rem;
  height:2000px;
  z-index:9999;
}

.profile-logout-btn {
  position:fixed;
  right:0.2rem;
  top:1rem;
  height:1rem;
  line-height:1rem;
  width:2.5rem;
  border-radius: 0.22rem;
  text-align:center;
  font-size:.4rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
  background: #3E606F;
  color: #FFFFFF;
}

.logout-dialog-title {
  position:relative;
  width:100%;
  height:1.5rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.5rem;
  background-color:rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.logout-dialog-alerticon {
  position:relative;
  margin-top:1rem;
  width:2.1rem;
  height:2.1rem;
  left:50%;
  margin-left:-1.05rem;
}

.logout-dialog-tips1 {
  position:relative;width: 8rem;margin-top:0.5rem;margin-left:1rem;text-align:center;font-size:0.533rem;color: #FFFFFF;line-height: 0.6rem;
}

.logout-dialog-tips2 {
  position:relative;width:8rem;text-align:center;margin-top:1rem;margin-left:1rem;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

.logout-dialog-btnexit {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  margin-top:0.5rem;
  width: 7rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: #3e606f;
  color: rgba(255,255,255,0.85);
}

.logout-dialog-btnexit-cancel {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  margin-top:0.4rem;
  width: 7rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
}

.logout-dialog-btnexit:active {
  opacity: 0.45;
}

.logout-dialog-btnexit-cancel:active {
  opacity: 0.45;
}

.profile-dialog-title {
  position: relative;
  width:100%;
  height:1.5rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.5rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.profile-dialog-closeicon {
  opacity: 0.45;
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  right: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
}

.nickname-dialog-itemname {
  position:relative;
  margin-top:1rem;
  margin-left:1.5rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.nickname-dialog-value {
  margin-top:0.2rem;
  margin-left:1.5rem;
  width:7rem;
  height:1.2rem;
  line-height: 1.2rem;
  border-radius:0.1rem;
}

.pwd-dialog-input {
  font-family: monospace;
  color: rgba(255,255,255,0.85);
}

.payment-dialog-tips {
  position: relative;
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
  width: 8rem;
  text-align: center;
  line-height: 0.5rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}


.web-iframe {
  position: fixed;
  top: 1.2rem;
  left: 0;
  width: 10rem;
  background: white;
}


.copy-btn-enable {
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.22rem;
  font-size: 0.373rem;
  text-align: center;
  background-image: linear-gradient(135deg,#fcd7a1,#d17836);
  color: rgba(0, 0, 0, .65);
}

.copy-btn-enable:active {
  opacity: 0.45;
}

.copy-btn-disable {
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.22rem;
  font-size: 0.373rem;
  text-align: center;
  background-image: linear-gradient(135deg,#fcd7a1,#d17836);
  color: rgba(0, 0, 0, .65);
  opacity: 0.35;
}
  
.item-frame .agent-top-frame {
  height: 1rem !important;
  margin-bottom:0.2rem;
}

.item-frame .agent-top-frame .icon-frame {
  position:absolute;width:0.88rem;height:0.88rem;top:0;border-radius: 0.44rem;
}

.item-frame .agent-top-frame .icon-frame img {
  opacity: 0.45;position:absolute;width:0.5rem;height:0.5rem;top:50%;left:0;margin-top:-0.25rem;
}

.item-frame .agent-top-frame .text-title {
  position:absolute;color: rgba(255,255,255,0.45);line-height: 1rem;top:-0.05rem;left:0.7rem;
}

.item-frame .agent-link-frame {
  height: unset!important;
  position: unset!important;
  background: rgba(255, 255, 255, 0.08)!important;
  width: 9rem!important;
  color: rgba(255, 255, 255, 0.85)!important;
  line-height: 0.6rem!important;
}

.item-frame .agent-link-value {
  word-break: break-all!important;
  width: 8rem!important;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem!important;
}



.bdep-item-frame {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height:5.625rem;
}

.bdep-item-frame .bg {
  position:absolute;top:0;left:0;width:9rem;
}

.bdep-item-frame .icon {
  position: absolute;top:0.3rem;left:0.4rem;width:1.11rem;height:1.11rem;
}

.bdep-item-frame .title {
  position:absolute;top:0.25rem;line-height:0.6rem;left:1rem;width:7rem;color: rgba(0,0,0,0.85);font-size: .533rem;text-align: center;font-weight: bold;
}

.bdep-item-frame .tips1 {
  position:absolute;top:2.1rem;line-height:0.6rem;left:1rem;width:7rem;color: #78340F;font-size: .426rem;text-align: center;font-weight: bold;
}

.bdep-item-frame .time-frame {
  position:absolute;top:2.95rem;left:0.3rem;width:8.4rem;height:1.64rem;background-image: linear-gradient(180deg, #565965 0%, #000000 100%);border-radius: 0.22rem;
}

.bdep-item-frame .time-frame .title-content {
  position:absolute;top:50%;text-align:center;margin-top:-0.28rem;background: rgba(255,255,255,0.15);border-radius:0.1rem;color: #FCD7A1;font-size: .32rem;
}

.bdep-item-frame .time-frame .title-day {
  left:1.22rem;height:0.56rem;line-height:0.56rem;width:0.88rem;
}

.bdep-item-frame .time-frame .title-hour {
  left:3.35rem;height:0.56rem;line-height:0.56rem;width:0.56rem;
}

.bdep-item-frame .time-frame .title-min {
  right:2.3rem;height:0.56rem;line-height:0.56rem;width:0.88rem;
}

.bdep-item-frame .time-frame .title-sec {
  right:0.44rem;height:0.56rem;line-height:0.56rem;width:0.56rem;
}

.bdep-item-frame .time-frame .value-day {
  position:absolute;left:0rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:right;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .time-frame .value-hour {
  position:absolute;left:2.18rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:center;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .time-frame .value-min {
  position:absolute;left:4rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:center;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .time-frame .value-sec {
  position:absolute;right:1.1rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:center;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .tips2 {
  position:absolute;bottom:0.25rem;line-height:0.6rem;left:1rem;width:7rem;color: #78340F;font-size: .32rem;text-align: center;
}

#page-promotion .item-frame  .title .btn-frame {
  position:absolute;
  right:0;
  width:1.76rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.1rem;
  font-size: 0.373rem;
  text-align: center;
}

.trch-item {
  position: relative;
  margin-top: 0.25rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.25rem;
  line-height: 1.34rem;
  font-size: .373rem;
  border-radius: 0.22rem;
  background-image: linear-gradient(0deg, #FEFCE1 0%, #DA8D4E 100%);
}

.trch-item .bg {
  position: absolute;top:0;left:2.25rem;height:2.25rem;width:2.25rem;
}

.trch-item .icon {
  position: absolute;
  top:0.33rem;
  left:0;
  height:100%;
  margin-top:-0.33rem;
}

.trch-item .icon1 {
  width:3.6rem;
}

.trch-item .icon2 {
  width:3.15rem;
}

.trch-item .left-frame {
  position:absolute;top:0.5rem;left:0.22rem;width:2.5rem;height:1.25rem;
}

.trch-item .left-frame .left-icon {
  position: absolute;top:0.28rem;left:0;height:0.33rem;width:0.33rem;
}

.trch-item .left-frame .left-title {
  position: absolute;bottom:0;width:100%;height:0.44rem;line-height:0.44rem;font-size: .32rem;color: rgba(0,0,0,0.65);
}

.trch-item .left-frame .left-value {
  position: absolute;top:0;left:0.45rem;width:100%;height:0.81rem;line-height:0.81rem;color: #B25922;font-weight: bold;
}

.trch-item .right-frame {
  position:absolute;bottom:0.27rem;left:4.51rem;width:4.06rem;height:0.88rem;
}

.trch-item .right-icon {
  position: absolute;top:0;left:0.1rem;height:0.44rem;width:0.44rem;
}

.trch-item .right-title {
  position:absolute;bottom:0;left:0.1rem;width:50%;height:0.44rem;line-height:0.44rem;color: rgba(0,0,0,0.45);font-size: 0.32rem;
}

.trch-item .right-value {
  position:absolute;right:0;bottom:0;widows: 80%;height:0.44rem;line-height: 0.44rem;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.trch-item .right-value-text {
  color: #B25922;font-weight: bold;
}

.trch-item .line {
  position:absolute;
  bottom:0.27rem;
  width:1px;
  height:0.88rem;
  left:50%;
  background: rgba(0,0,0,0.45);
}


.trch-item .claim {
  position:absolute;
  top:0.27rem;
  width: 2.22rem;
  right:0.4rem;
  text-align:center;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.5rem;
  border: 2px solid #FCD7A1;
  box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  color: #FCD7A1;
}

.trch-item .claim:active {
  opacity: 0.45;
}

.trch-item .claimed {
  position:absolute;
  top:0.27rem;
  width: 2.22rem;
  right:0.4rem;
  text-align:center;
  color: #78340F;
  height:0.88rem;
  line-height: 0.88rem;
}

.trch-item .claimed-icon {
  position: absolute;top:50%;margin-top:-0.22rem;right:0;height:0.44rem;width:0.44rem;
}

.trch-item .notclaim {
  position:absolute;
  top:0.27rem;
  width: 2.22rem;
  right:0.4rem;
  text-align:center;
  color:white;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0,0,0,0.15);
  color: rgba(0,0,0,0.25);
}



.sdback-link-container {
  position: relative;
  margin-top: 0.5rem;
  left: 0.5rem;
  width: 9rem;
  border-radius: 0.2rem;
}

.sdback-link-container .title {
  position:relative;
  top:0.15rem;
  width:100%;
  height:0.85rem;
  font-size:.373rem;
  height:1rem;
  margin-bottom:0.2rem;
}

.sdback-link-container .title .link-icon {
  position:absolute;width:0.88rem;height:0.88rem;top:0;border-radius: 0.44rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.sdback-link-container .title .link-icon img {
  opacity: 1;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  top:50%;
  left:50%;
  margin-top:-0.25rem;
  margin-left:-0.25rem;
}

.sdback-link-container .title .user-link {
  color: rgba(255,255,255,0.85);
  line-height: 1rem;
  top:-0.05rem;
  left:1rem;
}

.sdback-link-container .title .copy-enable {
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.22rem;
  font-size: 0.373rem;
  text-align: center;
  background-image: linear-gradient(135deg,#fcd7a1,#d17836);
  color: rgba(0,0,0,.65)
}

.sdback-link-container .title .copy-enable:active {
  opacity: 0.45;
}

.sdback-link-container .title .copy-disable {
  opacity: 0.35;
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.5rem;
  font-size: 0.373rem;
  text-align: center;
  background: #4EBC18;
  color: rgba(255, 255, 255, 0.85);
}

.sdback-link-container .title img {
  opacity: 1;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  opacity: 0.45;
}

.sdback-link-container .title span {
  position:absolute;
  top:0.05rem;
  left:0.7rem;
  color: rgba(255,255,255,0.45);
}

.sdback-link-container .value {
  position:relative;
  width:100%;
  line-height:1.05rem;
  margin-bottom:0.4rem;
}

.sdback-link-container .value .text-frame {
  font-size:.373rem;
  border-radius:0.1rem;
  border: 1px solid rgba(0,0,0,0);
  height: unset;
  position:unset;
  background: rgba(255, 255, 255, 0.08);
  width: 9rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 0.6rem;
}

.sdback-link-container  .value .text-link {
  word-break: break-all;width: 8rem;padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

.sdback-clients-container {
  position:relative;margin-top:0.5rem;left:0.5rem;width:9rem;height:3.2rem;
}

.sdback-clients-container .client-bg {
  position:absolute;top:0;left:0;width:100%;border-radius: 0.44rem;
}

.sdback-clients-container .client-title {
  position:absolute;top:0;left:0.5rem;width:8rem;height:1.2rem;line-height: 1.2rem;color: rgba(0,0,0,0.65);font-size: .426rem;
}

.sdback-clients-container .client-title-text {
  font-weight: bold;
}

.sdback-clients-container .client-title .arrow-text {
  position:absolute;top:0;text-align: right;right:0.8rem;
}

.sdback-clients-container .client-title .arrow-icon {
  position:absolute;top:50%;margin-top:-0.275rem;right:0;width:0.55rem;height:0.55rem;
}

.sdback-clients-container .client-title-line {
  position:absolute;left:2.6rem;width:1px;height:0.6rem;top:0.3rem;background: rgba(0,0,0,0.15);
}

.sdback-clients-container .client-value {
  position:absolute;top:1rem;left:0.5rem;width:8rem;height: 2.2rem;
}

.sdback-clients-container .client-value .user-icon {
  position:absolute;top:50%;margin-top:-0.67rem;width:1.34rem;height:1.34rem;
}

.sdback-clients-container .client-value .user-count {
  position:absolute;width:7rem;top:0;right:0;height:2.2rem;
}

.sdback-clients-container .client-value .user-count-title {
  position:absolute;right:0;bottom:0.4rem;font-size: .373rem;color: rgba(0,0,0,0.45);margin-right: 0.2rem;
}

.sdback-clients-container .client-value .user-count-num {
  position:absolute;right:0;bottom:1rem;font-size: .853rem;color: rgba(0,0,0,0.85);
}

.sdback-div-clients {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 1.2rem;
  width: 5rem;
  line-height: 1.2rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.373rem;
}

.sdback-div-clients:active {
 opacity: 0.5;
}

#page-promotion .copy-button {
  color: rgba(255,255,255,0.85);
}

#page-promotion .copy-disabled {
  color: rgba(255,255,255,0.85);
  opacity: 0.45;
}
  
#page-promotion .copy-button:active {
  opacity: 0.45;
}

.sdback-card-item {
  position: relative;
  margin-top: 0.2rem;
  left: 0.5rem;
  width: 9rem;
  height: 5.4rem;
  line-height: 5.4rem;
  font-size: .373rem;
}

.sdback-card-item .bg {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}

.sdback-card-item .title-frame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
}

.sdback-card-item .title-frame .icon {
  position: absolute;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.sdback-card-item .title-frame .title {
  position: absolute;
  left: 1.2rem;
  height: 100%;
  font-size: .426rem;
  color: rgba(255,255,255,0.65);
}

.sdback-card-item .title-frame .total {
  position: absolute;
  width: 7rem;
  top: 0px;
  right: 0.5rem;
  height: 1.3rem;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

.sdback-card-item .title-frame .line {
  background: rgba(255, 255, 255, 0.15);
  width: 1px;
  height: 0.7rem;
  margin-right: 0.3rem;
}

.sdback-card-item .title-frame .name {
  font-size: 0.373rem;
  color: rgba(255,255,255,0.25);
  margin-right: 0.2rem;
}

.sdback-card-item .title-frame .num {
  font-size: 0.533rem;
  color: rgba(255,255,255,0.85);
}

.sdback-card-item .content-frame {
  position: absolute;
  top: 1.4rem;
  left: 0px;
  width: 100%;
  height: 4rem;
}

.sdback-card-item .content-frame .amount-title {
  position:absolute;
  top:0.44rem;
  font-size: .426rem;
  text-align: center;
  width:100%;
  line-height: 0.44rem;
  height:0.44rem;
  color: rgba(255,255,255,0.65);
}

.sdback-card-item .content-frame .amount-num {
  position:absolute;
  top:1.1rem;
  width:100%;
  display: flex;
  place-content: center center;
  align-items: center;
  height: 0.7rem;
}

.sdback-card-item .content-frame .amount-num .unit {
  color: rgba(255,255,255,0.45);
  font-size: 0.373rem;
  margin-right: 0.1rem;
}

.sdback-card-item .content-frame .amount-num .amount {
  color: #FFFFFF;
  font-size: 0.533rem;
}

.sdback-card-item .content-frame .claim-btn {
  position:absolute;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(0,0,0,0.65);
}

.sdback-card-item .content-frame .claim-btn-disable {
  position:absolute;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(255,255,255,0.25);
}

.sdback-card-item .content-frame .claim-btn:active {
  opacity: 0.45;
}

.sdback-dialog-container {
  position:absolute;
  left:50%;
  width:8.88rem;
  height:15rem;
  margin-left:-4.44rem;
  border-radius: 0.44rem;
  box-shadow: 0 -2px 8px 0 rgba(43,22,0,0.25);
  background-image: linear-gradient(180deg, #FEFCE1 0%, #DA8D4E 100%);
}

.sdback-dialog-container .top-frame {
  position:absolute;top:0rem;left:0.5rem;width:8rem;height: 6.4rem;
}

.sdback-dialog-container .top-frame-icon {
  opacity: 1;position:absolute;top:0;left:50%;margin-left: -2.775rem;width:5.55rem;height: 5.92rem;
}

.sdback-dialog-container .top-frame-title {
  position:absolute;bottom:0;left:0;text-align: center;height:1rem;width:8rem;line-height: 1rem;color: rgba(0,0,0,0.25);font-size: .346rem;font-weight: bold;
}

.sdback-dialog-container .close-frame {
  position:absolute;top:0rem;right:0rem;width:1.4rem;height:1.4rem;
}

.sdback-dialog-container .close-frame-icon {
  opacity: 0.45;position:absolute;top:0.2rem;left:0.45rem;width:0.6rem;height:0.6rem;
}

.sdback-dialog-container .frame-line {
  position:absolute;left:1rem;top:6.7rem;width: 6.88rem;height:1px;background: rgba(0,0,0,0.08);
}

.sdback-dialog-container .desc-text { 
  position:absolute;left:0;top:7rem;width: 8.88rem;height: auto;text-align: center;font-size: .426rem;color: #78340F;font-weight: bold;
}

.sdback-dialog-container .desc-config { 
  position:absolute;left:0.5rem;width:8rem;height: auto;
}

.sdback-dialog-container .desc-config-icon { 
  opacity: 0.65;position:absolute;top:0.09rem;left:0;width:0.55rem;height: auto;
}

.sdback-dialog-container .desc-config-right { 
  position:absolute;top:0;left:0.8rem;width:7rem;font-size:.32rem;color: rgba(0,0,0,0.65);line-height: 0.45rem;
}

.sdback-dialog-container .desc-config-right .config-text1 { 
  color: rgba(0,0,0,0.65);font-weight: bold;font-size: .373rem;
}

.sdback-dialog-container .desc-config-right .config-text2 { 
  color: rgb(161,34,19);font-weight: bold;font-size: .373rem;
}

.sdback-dialog-container .desc-btn-copy { 
  color: #FCD7A1;
  background-image: linear-gradient(180deg, rgb(221,145,78) 0%, rgb(107,55,26) 100%);
  border: 2px solid #FCD7A1;
  position:absolute;
  left:50%;
  bottom:0.6rem;
  margin-left:-3.1rem;
  width:6.2rem;
  height:1rem;
  border-radius: 0.6rem;
  text-align:center;
  line-height:1rem;
  font-size:.533rem;
}

.sdback-dialog-container .desc-btn-copy img { 
  position:absolute;left:0.2rem;top:50%;margin-top:-0.2775rem;width:0.55rem;height:0.55rem;
}

.sdback-dialog-container .desc-btn-copy span { 
  position:absolute;top:0;left:0.2rem;width:100%;font-weight:bold;
}



.exchange-top-bg {
  position:absolute;top:1.2rem;left:0;width:10rem;height:7.5rem;background-image: linear-gradient(180deg, #F9C486 0%, rgba(252,215,161,0.50) 47%, rgba(254,252,225,0.00) 100%);
}

.exchange-input-frame {
  position:relative;margin-top:0.66rem;left:0.5rem;width:9rem;height:17.78rem;background-image: linear-gradient(180deg, #FEFCE1 0%, #DA8D4E 100%);box-shadow: 0 -2px 8px 0 rgba(43,22,0,0.25);border-radius: 2.22rem;
}

.exchange-input-frame .top-icon { 
  position:absolute;top:1.33rem;left:50%;margin-left:-0.67rem;width:1.34rem;height:1.34rem;
}

.exchange-input-frame .top-title { 
  position:absolute;top:3rem;left:0rem;width:9rem;font-size: .533rem;font-weight: bold;color: rgba(0,0,0,0.85);text-align: center;
}

.exchange-input-frame .ecopy-frame { 
  position:absolute;top:4.2rem;left:0rem;width:9rem;height:1rem;
}

.exchange-input-frame .ecopy-frame-title { 
  position:absolute;left:0.66rem;width:4.5rem;font-size: .346rem;color: rgba(0,0,0,0.65);line-height: 0.5rem;
}

.exchange-input-frame .ecopy-frame-copy { 
  position:absolute;top:50%;margin-top:-0.44rem;right:0.66rem;width:1.78rem;height:0.88rem;line-height: 0.88rem;background: #D17836;border-radius: 0.22rem;text-align: center;color: #FCD7A1;font-size: .373rem;
}

.exchange-input-frame .einput-span { 
  position:absolute;margin-top:0.16rem;margin-left: 0.55rem;width:5.6rem;height:1.04rem;line-height: 1.04rem;font-size:.346rem;color: rgba(0,0,0,0.25);background: transparent;
}

.exchange-input-frame .einput-input { 
  position:absolute;border:none;margin-top:0.1rem;margin-left: 0.3rem;width:5.9rem;height:1.04rem;line-height: 1.04rem;font-size:.373rem;color: rgba(0,0,0,0.85);background: transparent;
}

.exchange-input-frame .einput-input-tips { 
  position:absolute;top:7rem;left:0.66rem;width:7.6rem;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.exchange-input-frame .einput-input-tips span { 
  position:absolute;left:0rem;top:0;width:6.6rem;line-height: 0.4rem;
}

.exchange-input-frame .exchange-btn-enable { 
  color: #FCD7A1;font-weight: bold;background-image: linear-gradient(#F39A4F 0%, #78340F 100%);border: 2px solid #FCD7A1;position:absolute;top:8rem;width:3.44rem;height:1.22rem;line-height: 1.22rem;left:50%;margin-left:-1.72rem;border-radius: 0.7rem;text-align: center;font-size: .426rem;box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
}

.exchange-input-frame .exchange-btn-disable { 
  color: rgba(0,0,0,0.25);font-weight: bold;background: rgba(0,0,0,0.08);border: 2px solid rgba(0,0,0,0.08);position:absolute;top:8rem;width:3.44rem;height:1.22rem;line-height: 1.22rem;left:50%;margin-left:-1.72rem;border-radius: 0.7rem;text-align: center;font-size: .426rem;
}

.exchange-input-frame .bottom-ebg { 
  position:absolute;bottom: 0;width:9rem;height:6.75rem;
}

.exchange-input-recode {
  position:absolute;
  top:5.5rem;
  left:0.66rem;
  width:7.65rem;
  height:1.34rem;
  line-height:1.34rem;
  background: rgba(255,255,255,0.45);
  border: 1px solid #F39A4F;
  border-radius: 0.22rem;
}

.exchange-input-recode-active {
  position:absolute;
  top:5.5rem;
  left:0.66rem;
  width:7.65rem;
  height:1.34rem;
  line-height:1.34rem;
  background: #FFFFFF;
  border: 1px solid #D17836;
  border-radius: 0.22rem;
}



.gift-top-space {
  position:relative;height:0.6rem;width:10rem;
}

.gift-top-title {
  position:relative;height:3rem;
}

.gift-top-title span {
  position:absolute;left:0.5rem;top:0;font-size:.426rem;font-weight: bold;color: rgba(255,255,255,0.65);
}

.gift-top-title .line-bg {
  position:absolute;top:0;left:0.5rem;width:9rem;height:3rem;line-height:0.72rem;overflow: hidden;border-radius: 0.2rem;overflow: hidden;background: rgba(255,255,255,0.04);
}

.gift-top-title .line-bg img { 
  opacity:0.2;position:absolute;top:-0.2rem;left:0;width:100%;height: 4rem;
}

.gift-top-title .content-eframe {
  position:absolute;top:0;left:0.5rem;width:9rem;height:3rem;line-height:0.72rem;text-align:left;font-size:.6rem;display: flex;justify-content: center;align-content: center;align-items: center;color: rgba(255, 255, 255, 0.85);
}

.gift-top-title .content-eframe img {
  margin-left:0.5rem;margin-right:0.5rem;width:1.34rem;height:1.34rem;
}

.gift-item-frame {
  position:relative;width:10rem;height:3.8rem;
}

.gift-item-frame .item-bg {
  position:absolute;top:0.3rem;left:0.5rem;width:9rem;height:3.5rem;
}

.gift-item-frame .item-top {
  position:absolute;width:9rem;left:0.5rem;top:0.3rem;height:1.34rem;line-height: 1.34rem;font-size:.373rem;
}

.gift-item-frame .item-top-lefticon {
  opacity: 0.65;position:absolute;top:50%;margin-top: -0.225rem;left:0.45rem;width:0.45rem;height:0.45rem;
}

.gift-item-frame .item-top-unit {
  position:absolute;top:0;left:1rem;height:1.34rem;line-height:1.34rem;font-size:.373rem;color: rgba(255,255,255,0.65);display: flex;justify-content: center;align-content: center;align-items: center;
}

.gift-item-frame .item-top-unit .gnum1 {
  font-size: .533rem;font-weight: bold;color: #F9C486;
}

.gift-item-frame .item-top-unit .gnum2 {
  font-size: .7rem;color: rgba(255,255,255,0.65);margin-top: -0.1rem;
}

.gift-item-frame .item-top-unit .gnum3 {
  font-size: .533rem;font-weight: bold;color: #F9C486;
}

.gift-recharge-btn {
  position: absolute;
  top: 50%;
  margin-top: -0.48rem;
  right: 0.45rem;
  width: 2.22rem;
  height: 0.88rem;
  border-radius: 0.1rem;
  display: flex;
  place-content: center;
  align-items: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.gift-recharge-btn:active {
  opacity: 0.45;
}

.gift-recharge-btn .gunit {
  color: rgba(0,0,0,0.45);font-size:.373rem;
}

.gift-recharge-btn .gcount {
  color: rgba(0,0,0,0.65);font-size:.373rem;
}

.gift-item-frame .gitem-desc {
  position:absolute;width:9rem;left:0.5rem;top:1.65rem;height:2.2rem;font-size:.373rem;
}

.gift-item-frame .gitem-desc .gdesc {
  position:absolute;left:0.65rem;top:0.42rem;width:7rem;height:1.6rem;
}

.gift-item-frame .gitem-desc .gdesc-tips {
  position:absolute;left:0;height:0.38rem;line-height:0.38rem;font-size:.35rem;color: rgba(255,255,255,0.45);
}

.gift-item-frame .gitem-desc .gdesc-star {
  position:absolute;right:0.45rem;width:2rem;height: 2rem;top:0.1rem;
}

.gift-item-frame .gitem-desc .gdesc-star-icon {
  position:absolute;top:0;left:0;width:2rem;filter: drop-shadow(0 0.2rem 0.1rem rgba(43,22,0,0.5));-webkit-filter: drop-shadow(0 0.2rem 0.1rem rgba(43,22,0,0.5));
}

.gift-item-frame .gitem-desc .gdesc-star-p {
  opacity: 1;position:absolute;top:1.05rem;right:0.15rem;width:0.35rem;
}

.gift-item-frame .gitem-desc .gdesc-value {
  position:absolute;right:0.6rem;width:2rem;height: 2rem;top:0.1rem;display: flex;justify-content: center;align-content: center;align-items: center;
}

.gift-item-frame .gitem-desc .gdesc-value-text1 {
  font-size: .533rem;color: #1A242D;
}

.gift-item-frame .gitem-desc .gdesc-value-text2 {
  font-size: .746rem;color: #1A242D;font-weight: bold;
}



.level-top-card {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.44rem;
  height:4.5rem;
  background: rgba(255,255,255,0.04);
}

.level-top-card .level-line-bg {
  position:absolute;top:0;left:0;width:9rem;opacity: 0.2;
}

.level-top-card .level-curlevel {
  position:absolute;top:0.2rem;left:0.5rem;width:7rem;color: rgba(255,255,255,0.45);font-size: .32rem;
}

.level-top-card .level-name {
  position:absolute;top:0.6rem;left:0.5rem;width:7rem;color: #F9C486;font-size: .853rem;
}

.level-top-card .level-value1 {
  position:absolute;bottom:0.6rem;right:0.5rem;text-align: right;width:7rem;color: #F9C486;font-size: .533rem;
}

.level-top-card .level-value2 {
  position:absolute;bottom:0.2rem;right:0.5rem;text-align: right;width:9rem;color: rgba(255,255,255,0.45);font-size: .32rem;
}

.level-top-card .level-curicon {
  position: absolute;top:50%;left:50%;width:3.4rem;height:3.4rem;margin-top:-1.7rem;margin-left:-1.7rem;
}

.level-icon-frame {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height: 3.4rem;
  overflow-x: scroll;
  overflow-y: hidden;
  background: transparent;
}

.level-icon-frame .level-icon-bg1 {
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);opacity: 0.4;border-radius: 0.2rem;
}

.level-icon-frame .level-icon-bg2 {
  background: rgba(255,255,255,0.08);border-radius: 0.2rem;
}

.level-icon-frame .level-icon-bg3 {
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);border-radius: 0.2rem;
}

.level-icon-frame .level-less-name {
  color: rgba(255,255,255,0.45);
}

.level-icon-frame .level-more-name {
  color: #F9C486;
}

.level-frame {
  position: absolute;
  top: 0px;
  width: 1.5rem;
  height: 3.3rem;
}

.level-frame .icon-frame {
  position:absolute;top:0;left:0;width:1.5rem;height:1.5rem;
}

.level-frame .icon-frame .bg {
  position: absolute;top:0;left: 0;width:1.33rem;height:1.33rem;left:50%;margin-left: -0.665rem;top:50%;margin-top:-0.665rem;
}

.level-frame .icon-frame .icon {
  position:absolute;top:50%;width:1.11rem;height:1.11rem;left:50%;margin-left: -0.555rem;margin-top:-0.555rem;
}

.level-frame .name-frame {
  position:absolute;top:1.6rem;width:100%;text-align: center;font-size: .32rem;
}

.level-frame .line-gray {
  position:absolute;top:2.35rem;width:1.5rem;height:1px;background: rgba(255,255,255,0.15);
}

.level-frame .line-blue {
  position:absolute;top:2.35rem;width:1.5rem;height:1px;background: #F9C486;
}

.level-frame .cur-amount {
  position:absolute;top:2.65rem;width:1.35rem;height:0.33rem;text-align: right;color: #F9C486;font-size: .35rem;
}

.level-frame .other-amount {
  position:absolute;top:2.65rem;width:1.5rem;height:0.33rem;text-align: center;color: rgba(255,255,255,0.35);font-size: .35rem;
}

.level-frame .point {
  position:absolute;top:2.185rem;width:1.5rem;height:0.33rem;
}

.level-frame .point .blue-point {
  position:absolute;top:50%;right:50%;width:0.166rem;height:0.166rem;margin-top:-0.083rem;margin-right:-0.6rem;background: #F9C486;border-radius: 0.2rem;
}

.level-frame .point .point1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.33rem;
  height: 0.33rem;
  margin-top: -0.165rem;
  margin-left: -0.165rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.2rem;
}

.level-frame .point .point2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.166rem;
  height: 0.166rem;
  margin-top: -0.083rem;
  margin-left: -0.083rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.2rem;
}

.level-tips-frame {
  position:relative;
  left:0.5rem;
  width:9rem;
  background: rgba(255,255,255,0.04);
  height: 1.7rem;
  overflow: hidden;
  border-radius: 0.22rem;
  margin-top: 0.2rem;
}

.level-tips-frame .line-bg {
  opacity: 0.1;position: absolute;top:-0.2rem;left:0;width: 100%;height: 4rem;
}

.level-tips-frame .level-tips-icon {
  position: absolute;top:50%;left:0.5rem;width:0.88rem;height:0.88rem;margin-top:-0.44rem;
}

.level-tips-frame .level-tips-text {
  position:absolute;top:0;left: 1.7rem;height:1.7rem;line-height: 1.7rem;color: rgba(255,255,255,0.85);;font-size: .426rem;
}

.level-item {
  position: relative;
  margin-top: 0.25rem;
  left: 0.5rem;
  width: 9rem;
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: .373rem;
}

.level-item .bg {
  position:absolute;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  border-radius: 0.22rem;
}

.level-item .day-bg1 {
  background: rgba(255,255,255,0.04);
}

.level-item .day-bg2 {
  background: rgba(255,255,255,0.15);
}

.level-item .day-bg3 {
  background: rgba(255,255,255,0.08);
}

.level-item .icon {
  position:absolute;
  width:0.66rem;
  height:0.66rem;
  left:0.5rem;
  top:50%;
  margin-top:-0.33rem;
}

.level-item .day-icon1 {
  opacity: 0.25;
}

.level-item .day-icon2 {
  opacity: 1.0;
}

.level-item .day-icon3 {
  opacity: 0.65;
}

.level-item .title {
  position:absolute;
  height:1.34rem;
  line-height: 1.34rem;
  left:1.4rem;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.level-item .day-title1 {
  color: rgba(255,255,255,0.45);
}

.level-item .day-title2 {
  color: #F9C486;
}

.level-item .day-title3 {
  color: rgba(255,255,255,0.85);
}

.level-item .line {
  position:absolute;
  top:50%;
  margin-top: -0.33rem;
  width:1px;
  height:0.66rem;
  right:3rem;
  background: rgba(255,255,255,0.15);
}

.level-item .right {
  position:absolute;
  top:0;
  right:0.5rem;
  width:2.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  font-size: .373rem;
  text-align: right;
  color: rgba(255,255,255,0.65);
}

.level-item .right:active {
  opacity: 0.45;
}

.level-item .right-title1 {
  opacity: 0.25;
}

.level-item .right-title4 {
  opacity: 0.25;
}

.level-item .right-title3 {
  margin-right: 0.5rem;color: #A7FF7F;
}

.level-item .right-icon3 {
  position:absolute;right:0;width:0.44rem;height:0.44rem;top:50%;margin-top:-0.22rem;
}

.level-item .right-btn-frame {
  top:0.27rem;width: unset;padding-left: 0.15rem;padding-right: 0.15rem;color: #F9C486;height:0.8rem;line-height: 0.8rem;
}

.level-item .right-rs {
  position:absolute;
  top:0;
  right:3.5rem;
  width:5rem;
  height:1.34rem;
  line-height: 1.34rem;
  font-size: .533rem;
  text-align: right;
  color: rgba(255,255,255,0.85);
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

.level-item .right-rs-type1 { 
  opacity: 0.25;
}

.level-item .right-rs-span1 { 
  color: rgba(255,255,255,0.45);font-size: .373rem;margin-right: 0.1rem;
}

.level-item .right-rs-span2 { 
  color: #F9C486;font-size: .373rem;margin-right: 0.1rem;
}

.level-item .right-rs-span21 {
  color: #F9C486;
} 

.level-item .right-rs-span3 { 
  color: rgba(255,255,255,0.45);font-size: .373rem;margin-right: 0.1rem;
}

.level-item .right-rs-span31 {
  color: rgba(255,255,255,0.85);
} 


.rescue-card-item {
  position: relative;
  margin-top: 0.2rem;
  left: 0.5rem;
  width: 9rem;
  height: 5.4rem;
  line-height: 5.4rem;
  font-size: .373rem;
}

.rescue-card-item .bg {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}

.rescue-card-item .title-frame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
}

.rescue-card-item .title-frame1 {
  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.44rem 0.44rem 0 0;
}

.rescue-card-item .title-frame2 {
  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.44rem 0.44rem 0 0;
}

.rescue-card-item .title-frame .icon {
  position: absolute;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.rescue-card-item .title-frame .icon2 {
  opacity: 1;
}

.rescue-card-item .title-frame .title {
  position: absolute;
  left: 1.2rem;
  height: 100%;
  font-size: .426rem;
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .title-frame .title1 {
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .title-frame .title2 {
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .title-frame .total {
  position: absolute;
  width: 7rem;
  top: 0px;
  right: 0.5rem;
  height: 1.3rem;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

.rescue-card-item .title-frame .line {
  background: rgba(255, 255, 255, 0.15);
  width: 1px;
  height: 0.7rem;
  margin-right: 0.3rem;
}

.rescue-card-item .title-frame .name {
  font-size: 0.373rem;
  color: rgba(255,255,255,0.25);
  margin-right: 0.2rem;
}

.rescue-card-item .title-frame .name1 {
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .title-frame .name2 {
  color: rgba(255,255,255,0.85);
}

.rescue-card-item .title-frame .num {
  font-size: 0.533rem;
  color: rgb(255, 181, 127);
}

.rescue-card-item .title-frame .num1 {
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .title-frame .num2 {
  color: rgba(255,255,255,0.85);
}

.rescue-card-item .content-frame {
  position: absolute;
  top: 1.4rem;
  left: 0px;
  width: 100%;
  height: 4rem;
}

.rescue-card-item .content-frame1 {
  height: 2.5rem;background: rgba(255,255,255,0.04);border-radius:0 0 0.44rem 0.44rem;overflow: hidden;
}

.rescue-card-item .content-frame2 {
  background: rgba(255,255,255,0.04);border-radius:0 0 0.44rem 0.44rem;
}

.rescue-card-item .content-frame-bg1 {
  opacity: 0.05;top: -1px;left: 0.5rem;height: 3.7rem;
}

.rescue-card-item .content-frame-bg2 {
  top: -1px;left: -0.4rem;height: 4.1rem;opacity: 0.05;
}

.rescue-card-item .content-frame .amount-title {
  position:absolute;
  top:0.44rem;
  font-size: .426rem;
  text-align: center;
  width:100%;
  line-height: 0.44rem;
  height:0.44rem;
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .content-frame .amount-title1 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-title2 {
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .content-frame .amount-num {
  position:absolute;
  top:1.1rem;
  width:100%;
  display: flex;
  place-content: center center;
  align-items: center;
  height: 0.7rem;
}

.rescue-card-item .content-frame .amount-num .unit {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.373rem;
  margin-right: 0.1rem;
}

.rescue-card-item .content-frame .amount-num .unit1 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-num .unit2 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-num .amount {
  color: rgb(255, 181, 127);
  font-size: 0.533rem;
}

.rescue-card-item .content-frame .amount-num .amount1 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-num .amount2 {
  color: #FFFFFF;
}

.rescue-card-item .content-frame .claim-btn {
  position:absolute;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(0,0,0,0.65);
}

.rescue-card-item .content-frame .claim-btn-disable {
  position:absolute;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .content-frame .claim-btn:active {
  opacity: 0.45;
}

.rescue-tips-frame {
  position:relative;
  left:0.5rem;
  width:9rem;
  background: rgba(255,255,255,0.04);
  height: 1.7rem;
  overflow: hidden;
  border-radius: 0.2rem;
  margin-top: 0.7rem;
  overflow: hidden;
}

.rescue-tips-frame .line-bg {
  opacity: 0.1;position: absolute;top:-0.2rem;left:0;width: 100%;height: 4rem;
}

.rescue-tips-frame .rescue-tips-icon {
  position: absolute;top:50%;left:0.5rem;width:0.88rem;height:0.88rem;margin-top:-0.44rem;
}

.rescue-tips-frame .rescue-tips-text {
  position:absolute;top:0;left: 1.7rem;height:1.7rem;line-height: 1.7rem;color: rgba(255,255,255,0.85);font-size: .426rem;
}

.rescue-commission-item {
  position:relative;
  margin-top: 2px;
  margin-left: 0.5rem;
  width:9rem;
  height:1rem;
  line-height: 1rem;
}

.rescue-commission-item .level-title {
  background: rgba(255,255,255,0.08)!important;
  color: rgba(255,255,255,0.65)!important;
  font-size: .346rem!important;
}

.rescue-commission-item .performance-title {
  background: rgba(255,255,255,0.08)!important;
  color: rgba(255,255,255,0.65)!important;
  font-size: .346rem!important;
}

.rescue-commission-item .commission-title {
  background: rgba(255,255,255,0.08)!important;
  color: rgba(255,255,255,0.65)!important;
  font-size: .346rem!important;
}

.rescue-commission-item .level {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.25);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .level2 {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.25);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .commission {
  position:absolute;
  right:0;
  width:3.88rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .commission2 {
  position:absolute;
  right:0;
  width:3.88rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .performance {
  position:absolute;
  left:1.63rem;
  width:3.38rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .performance2 {
  position:absolute;
  left:1.63rem;
  width:3.38rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}



.vip-top-card {
  position:relative;margin-top:0.5rem;left:0.5rem;width:9rem;height:4.5rem;
}

.vip-top-card .top-bg {
  position:absolute;top:0;left:0;width:100%;
}

.vip-top-card .vip-title1 {
  position:absolute;top:0.4rem;left:0.5rem;font-size: .346rem;color: rgba(0,0,0,0.65);
}

.vip-top-card .top-middle-frame {
  position:absolute;top:0.9rem;left:0.5rem;width:8rem;height:1.1rem;line-height: 1.1rem;font-size: .346rem;color: #FCD7A1;overflow: hidden;
}

.vip-top-card .top-middle-frame .vip-top-vip1 {
  font-size: .853rem;font-weight: bold;
}

.vip-top-card .top-middle-frame .vip-top-vip2 {
  font-size: .426rem;font-weight: bold;
}

.vip-top-card .user-vip-icon {
  position:absolute;top:0.7rem;left:50%;width:3.34rem;height:2.84rem;margin-left: -1.67rem;filter: drop-shadow(0 0.2rem 0.18rem rgba(0,0,0,0.35));-webkit-filter: drop-shadow(0 0.2rem 0.18rem rgba(0,0,0,0.35));
}

.vip-top-card .vip-bottom-text1 {
  position:absolute;right:0.5rem;bottom:0.5rem;width:8rem;height:1rem;line-height: 1rem;font-size: .426rem;text-align: right;color: rgba(0,0,0,0.65);font-weight: bold;
}

.vip-top-card .vip-bottom-text2 {
  position:absolute;right:0.5rem;bottom:0px;width:8rem;height:0.9rem;line-height: 0.9rem;font-size: .32rem;text-align: right;color: rgba(0,0,0,0.45);
}

.vip-middle-card {
  position:relative;margin-top:0.3rem;left:0.5rem;width:9rem;height:6.975rem;
}

.vip-middle-card .vcard-bg {
  position:absolute;top:0;left:0;width:100%;
}

.vip-middle-card .vcard-arrow1 {
  opacity: 0.25;position:absolute;right:0.3rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;
}

.vip-middle-card .vcard-arrow2 {
  opacity: 0.65;position:absolute;right:0.3rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;
}

.vip-middle-card .vtitle1 {
  position: absolute;top:1.9rem;left:0.5rem;width:8rem;height: 0.88rem;line-height: 0.88rem;font-size: .373rem;text-align: center;color: rgba(255,255,255,0.65);
}

.vip-middle-card .vtitle2 {
  position: absolute;top:1.9rem;left:0.5rem;width:8rem;height: 0.88rem;line-height: 0.88rem;font-size: .373rem;text-align: center;color: rgba(255,255,255,0.65);
}

.vip-middle-card .vvalue1 {
  position: absolute;top:2.8rem;left:0.5rem;width:8rem;height: 1rem;line-height: 1rem;font-size: .853rem;font-weight: bold;text-align: center;color: rgba(255,255,255,0.25);
}

.vip-middle-card .vvalue2 {
  position: absolute;top:2.8rem;left:0.5rem;width:8rem;height: 1rem;line-height: 1rem;font-size: .853rem;font-weight: bold;text-align: center;color: #FCD7A1;
}

.vip-middle-card .vclaim-btn  {
  position:absolute;bottom:0.5rem;width:2.22rem;height: 2.22rem;left:50%;margin-left: -1.11rem;text-align: center;line-height: 2.22rem;font-size: .36rem;
}

.vip-middle-card .vclaim-btn1  {
  color: rgba(255,255,255,0.25);
}

.vip-middle-card .vclaim-btn2  {
  color: rgba(0,0,0,0.65);
}

.vip-middle-card .vclaim-btn  .vclaim-bg {
  position: absolute;top:0;left:0;width:100%;height: 100%;
}

.vip-middle-card .vclaim-btn  .vclaim-text {
  position:absolute;top:0;left:0;width:2.22rem;height: 2.22rem;line-height: 2.22rem;font-weight: bold;
}

.vip-middle-card .vclaim-btn  .vclaim-text2 {
  position:absolute;top:0;left:0;width:2.22rem;height: 2.22rem;line-height: 2.22rem;font-weight: bold;
}

.vip-bottom-card {
  position:relative;margin-top:-1.3rem;left:0.5rem;width:9rem;height:7.3125rem;
}

.vip-bottom-card .vbottom-bg {
  position:absolute;top:0;left:0;width:100%;
}

.vip-bottom-card .vbottom-title {
  position:absolute;top:1.6rem;left:0.5rem;width:8rem;height:1rem;line-height: 1rem;font-size: .373rem;text-align: center;color: rgba(255,255,255,0.25);
}

.vip-bottom-card .vbottom-line {
  position:absolute;top:2.6rem;left:0.5rem;width:8rem;height: 1px;background: rgba(255,255,255,0.04);
}

.vip-bottom-card .vbottom-content {
  position:absolute;top:2.9rem;left:0.5rem;width:8rem;line-height: 0.55rem;font-size: .34rem;text-align: center;color: rgba(255,255,255,0.25);
}

.vip-bottom-card .vbottom-content-text1 {
  color: rgba(255,181,127,0.65);
}

.vip-div-clients {
  position: absolute;
  top:0.5rem;
  left:0.5rem;
  width:8rem;
  height: 0.88rem;
  text-align: center;
  line-height: 0.88rem;
  font-size: .346rem;
  color: rgba(255,255,255,0.65);
  background: #000000;
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 0.5rem;
}

.vip-div-clients:active {
  opacity: 0.45;
}

.vip-info-title-frame {
  position:relative;
  left:0.5rem;
  width:9rem;
  line-height:1.1rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  margin-top: 0.5rem;
  height: 1.8rem;
  background: transparent;
}

.vip-info-title {
  position:absolute;
  background: rgba(255,255,255,0.15);
  border-radius: 4px;
  color: rgba(255,255,255,0.45);
  font-size: .32rem;
  text-align: center;
  width:1.8rem;
  height:1.8rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 0.5rem;
}

.vip-item-frame {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.vip-info-frame11 {
  position:absolute;
  left: -0.02rem;
  height: 100%;
  width: 1.8rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,181,127,0.65);
  font-size: .34rem;
}

.vip-info-frame12 {
  position:absolute;
  left: -0.02rem;
  height: 100%;
  width: 1.8rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,181,127,0.65);
  font-size: .34rem;
}

.vip-info-frame11 img{
  position: absolute;
  height:0.55rem;
  width:0.66rem;
  left:0.1rem;
  top:50%;
  margin-top: -0.275rem;
}

.vip-info-frame12 img{
  position: absolute;
  height:0.55rem;
  width:0.66rem;
  left:0.1rem;
  top:50%;
  margin-top: -0.275rem;
}

.vip-info-frame11 span{
  position: absolute;
  text-align: left;
  left:0.78rem;
}

.vip-info-frame12 span{
  position: absolute;
  text-align: left;
  left:0.78rem;
}

.vip-info-frame21 {
  position:absolute;
  left: 1.8rem;
  height: 100%;
  width: 2rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame22 {
  position:absolute;
  left: 1.8rem;
  height: 100%;
  width: 2rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame31 {
  position:absolute;
  left: 3.83rem;
  height: 100%;
  width: 1.8rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame32 {
  position:absolute;
  left: 3.83rem;
  height: 100%;
  width: 1.8rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame41 {
  position:absolute;
  left: 5.65rem;
  height: 100%;
  width: 1.65rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame42 {
  position:absolute;
  left: 5.65rem;
  height: 100%;
  width: 1.65rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame51 {
  position:absolute;
  left: 7.33rem;
  height: 100%;
  width: 1.7rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame52 {
  position:absolute;
  left: 7.33rem;
  height: 100%;
  width: 1.7rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}



.weekb-top-card {
  position:relative;width:10rem;height:7.5rem;
}

.weekb-top-card .top-bg {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-top-card .top-time-frame {
  position:absolute;top:3.777rem;left:0.5rem;width:9rem;height: 1.125rem;line-height: 1.125rem;text-align: center;color: rgba(0,0,0,0.85);font-size: .373rem;
}

.weekb-top-card .top-time-frame-bg {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-top-card .top-time-frame-title1 {
  position:relative;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.weekb-top-card .top-time-frame-title2 {
  position:relative;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.weekb-content-frame {
  position:relative;margin-top:-2rem;left:0.5rem;width:9rem;height:12.375rem;
}

.weekb-content-frame .wbg-top {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-content-frame .wbg-bottom {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-content-frame .wframe-top {
  position:absolute;top:0.66rem;left:0;width:9rem;height:1rem;line-height: 1rem;
}

.weekb-content-frame .wframe-top-icon {
  position:absolute;left:0.5rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;
}

.weekb-content-frame .wframe-top-title {
  position:absolute;top:0.1rem;left:1.1rem;color: rgba(0,0,0,0.45);font-size: .32rem;width:4rem;line-height: 0.4rem;height: 1rem;
}

.weekb-content-frame .wframe-top-value {
  position:absolute;right: 0.5rem;text-align: right;
}

.weekb-content-frame .wframe-top-value .span1 {
  color: rgba(0,0,0,0.45);font-size: .32rem;
}

.weekb-content-frame .wframe-top-value .span2 {
  color: rgba(0,0,0,0.85);font-size: .426rem;font-weight: bold;
}

.weekb-content-frame .wframe-toploss {
  position:absolute;top:1.55rem;left:0;width:9rem;height:1rem;line-height: 1rem;display: flex;justify-content: center;align-items: center;
}

.weekb-content-frame .wframe-toploss-icon {
  position:absolute;left:0.5rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;
}

.weekb-content-frame .wframe-toploss-title {
  position:absolute;left:1.1rem;color: rgba(0,0,0,0.45);font-size: .32rem;
}

.weekb-content-frame .wframe-toploss-value {
  position:absolute;right: 0.5rem;text-align: right;
}

.weekb-content-frame .wframe-toploss-value .span1 {
  color: rgba(0,0,0,0.45);font-size: .32rem;
}

.weekb-content-frame .wframe-toploss-value .span2 {
  color: rgba(0,0,0,0.45);font-size: .32rem;font-weight: bold;
}

.weekb-content-frame .wicon-middle {
  position:absolute;top:4.22rem;left:50%;margin-left:-0.44rem;width:0.88rem;height:0.88rem;
}

.weekb-content-frame .wtime-title-frame {
  position:absolute;top:5.3rem;left:1rem;width:7rem;line-height: 0.4rem;color: rgba(0,0,0,0.45);font-size: .32rem;text-align:center;
}

.weekb-content-frame .wtime-title-frame .wtext1 {
  font-weight: bold;color: #D17836;
}

.weekb-content-frame .wtime-frame {
  position:absolute;top:6.3rem;left:0;width:9rem;color: rgba(0,0,0,0.65);font-size: .373rem;text-align:center;font-weight: bold;display: flex;justify-content: center;align-items: center;
}

.weekb-content-frame .wtime-frame-clock {
  margin-right:0.1rem;opacity: 0.45;width:0.44rem;height:0.44rem;
}

.weekb-content-frame .wfun-title {
  position:absolute;bottom:4.3rem;left:0;width:9rem;color: rgba(0,0,0,0.65);font-size: .373rem;text-align:center;
}

.weekb-content-frame .wfun-value {
  position:absolute;bottom:3.3rem;left:0;width:9rem;height:1rem;line-height: 1rem;text-align: center;
}

.weekb-content-frame .wfun-value-text1 {
  position:relative;top:-0.04rem;color: rgba(0,0,0,0.45);font-size:.373rem;
}

.weekb-content-frame .wfun-value-text2 {
  position:relative;color: rgba(0,0,0,0.45);font-size:.5rem;
}

.weekb-content-frame .wfun-value-text3 {
  position:relative;color: rgba(0,0,0,0.45);font-size:.5rem;color: #D17836;
}

.weekb-content-frame .wfun-claim-enable {
  position:absolute;bottom:0.88rem;width:2.22rem;height: 2.22rem;left:50%;margin-left: -1.11rem;text-align: center;line-height: 2.22rem;font-size: .36rem;color: rgba(0,0,0,0.65);
}

.weekb-content-frame .wfun-claim-enable .text-span {
  position:absolute;top:0;left:0;width:2.22rem;height: 2.22rem;line-height: 2.22rem;font-weight: bold;
}

.weekb-content-frame .wfun-claim-disable {
  position:absolute;bottom:0.88rem;width:2.22rem;height: 2.22rem;left:50%;margin-left: -1.11rem;text-align: center;line-height: 2.22rem;font-size: .36rem;color: rgba(0,0,0,0.65);
}

.weekb-content-frame .wfun-claim-disable .text-span {
  position:absolute;top:0;left:0;width:2.22rem;height: 2.22rem;line-height: 2.22rem;font-weight: bold;color: rgba(0,0,0,0.25);
}

.weekb-content-frame .wfun-claim-icon {
  position: absolute;top:-10%;left:-10%;width:120%;height: 120%;
}

.weekb-content-frame .wfun-claim-icon-disable {
  opacity: 0.45;position: absolute;top:-10%;left:-10%;width:120%;height: 120%;
}

.weekb-item-title {
  position:relative;
  left:0.5rem;
  width:9rem;
  line-height:1.1rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  margin-top: 0.7rem;
  height: 1.34rem;
  background: transparent;
}

.weekb-info-title {
  position:absolute;
  background: rgba(255,255,255,0.15);
  border-radius: 4px;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  text-align: center;
  width:4.48rem;
  height:1.34rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 0.5rem;
}

.weekb-item-frame {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.weekb-info-frame21 {
  position:absolute;
  left: 0;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.weekb-info-frame22 {
  position:absolute;
  left: 0;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.weekb-info-frame31 {
  position:absolute;
  left: 4.55rem;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.weekb-info-frame32 {
  position:absolute;
  left: 4.55rem;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}



.signup-top-frame {
  position:relative;top:1rem;height: 5.5rem;
}

.signup-top-frame img {
  position:absolute;width:2.1rem;height:2.1rem;left:50%;margin-left:-1.05rem;border-radius: 0.2rem;
}

.signup-top-frame span {
  position:absolute;top:2.5rem;left:0.5rem;width:9rem;font-size:.533rem;text-align:center;word-break: break-all;color: rgba(255,255,255,1);
}

.signup-item {
  position:relative;
  width:8.4rem;
  height:1.3rem;
  left:50%;
  margin-left:-4.2rem;
  border-radius: 0.22rem;
}

.signup-item .icon-brazil {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.3rem;width:0.88rem;height:0.66rem;
}

.signup-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.5rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
}

.signup-item .text-bzphone {
  left:1.3rem;font-family: monospace;color: rgba(255,255,255,0.65);
}

.signup-item-input {
  font-family: monospace;color: rgba(255,255,255,0.85);
}

.signup-item-error {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  color:white;
  background: rgba(255,0,0,0.25);
  text-align: center;
  border-radius: 0.1rem;
  width:8.4rem;
  left:50%;
  margin-left:-4.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.reg-item-tips {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
  background: rgba(255,255,255,0.15);
  text-align: left;
  border-radius: 0.1rem;
  border: 1px solid rgba(255,255,255,0.15);
  width:7.2rem;
  left:50%;
  margin-top:0.2rem;
  margin-bottom: -0.1rem;
  margin-left:-4.2rem;
  padding-top: 0.2rem;
  padding-left: 1.2rem;
  padding-bottom: 0.2rem;
}

.reg-item-tips .reg-tips-icon {
  opacity: 0.45;position: absolute;top:0.25rem;left:0.45rem;width:0.5rem;height: 0.5rem;
}

.signup-item-line {
  position:relative;
  height:0.6rem;
}


.signup-item .icon {
  position:absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}



.topup-top-title {
  position:relative;
  height: 1.6rem;
}

.topup-top-title-pig {
  border-radius: 0.44rem;
  background-image: linear-gradient(135deg, rgb(254, 252, 225) 0%, rgb(218, 141, 78) 100%);
  margin-top: 0.6rem;
  left: 0.5rem;
  width: 9rem;
  height: 4.44rem;
}

.topup-top-middle-frame {
  border-radius: 0.2rem 0 0 0.2rem;position:absolute;top:2.4rem;left:0.5rem;width:8.5rem;height:1.55rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.topup-top-title .ttop-title {
  position:absolute;top:0.55rem;left:0.5rem;color: #78340F;font-size: .48rem;font-weight: bold;
}

.topup-top-title .ttop-value1 {
  position:absolute;top:1.15rem;width:5.7rem;line-height:0.42rem;left:0.5rem;color: #78340F;font-size: .33rem;
}

.topup-top-title .ttop-value2 {
  position:absolute;top:1.35rem;width:5.8rem;line-height:0.42rem;left:0.5rem;color: #78340F;font-size: .346rem;
}

.topup-top-middle-value {
  position:absolute;top:2.4rem;left:0.8rem;width:6rem;height:1.55rem;display: flex;justify-content: flex-start;align-items: center;
}

.topup-top-title span {
  position:absolute;left:0.5rem;top:0;font-size:.426rem;font-weight: bold;color: rgba(255,255,255,0.65);
}


.topup-top-middle-value .tunit {
  position:unset;top:unset;left:unset;color: #78340F;font-size:.426rem;text-align: center;margin-top:0.5rem;
}

.topup-top-middle-value .tnum {
  position:unset;top:unset;left:unset;color: #78340F;font-size:1.28rem;font-weight: bold;
}

.topup-top-middle-value .coin-icon {
  position:unset;top:unset;left:unset;margin-top:0.6rem;margin-left:0.1rem;opacity:0.65;width:0.44rem;height: 0.44rem;
}

.topup-top-title .tright-icon {
  position:absolute;top:0;right:0;width:4.4rem;height:4.4rem;
}

.topup-top-title-banner {
  border-radius: 0.2rem;margin-top: 0.6rem;left:0.5rem;width:9rem;height:4.44rem;
}

.topup-top-banner-img {
  width:9rem;height:4.44rem;border-radius: 0.44rem;object-fit: cover;
}

.topup-top-tips {
  position:absolute;top:0;left:0.5rem;width:9rem;height:1.4rem;line-height:1.4rem;text-align:center;font-size:.373rem;display: flex;justify-content: center;align-content: center;align-items: center;color: rgba(255, 255, 255, 0.65);background: rgba(255, 255, 255, 0.15);border-radius:0.22rem;
}

.topup-top-tips-icon {
  margin-left:-1.1rem;opacity:0.65;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select {
  position:relative;
  margin-top:0.6rem;
  left:0.5rem;
  width:9rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  font-size:.373rem;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius:0.22rem;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
}

.topup-signup-item {
  position:relative;
  width:8.9rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4.5rem;
  border-radius: 0.22rem;
}

.topup-signup-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: rgb(249, 196, 134);
}

.topup-signup-item .title-unit {
  left:0.35rem;font-size:.427rem;font-weight: bold;
}

.topup-signup-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: rgba(255, 255, 255, 0.45);
}

.topup-signup-item .title-num {
  color: rgba(255,255,255,0.85);
}

.topup-signup-item .clear {
  position: absolute;
  right: 0.4rem;
  height: 1.3rem;
  width: 1rem;
}

.topup-signup-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.signup-item-normal-topup {
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(0,0,0,0);
}

.topup-item {
  position:relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  width:9.4rem;
  height:3.5rem;
  line-height: 1rem;
  left:50%;
  margin-left:-4.5rem;
}

.topup-item .item {
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  width:2.86rem;
  height:1rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.15);
  text-align: center;
  color: rgba(255,255,255,0.65);
  font-size: .373rem;
  overflow: hidden;
}

.topup-item .item .item-type1 {
  text-align: center;
  width: 1.3rem;
  height: 1.2rem;
  margin-top: -1.65rem;
  margin-left: 2.2rem;
  background: rgba(0, 0, 0, 0.15);
  transform: rotate(45deg);
  color: rgba(255, 255, 255, 0.85);
  font-size: 8px;
}

.topup-item .item .item-type2 {
  text-align: center;
  width: 1.3rem;
  height: 1.2rem;
  margin-top: -1.65rem;
  margin-left: 2.2rem;
  background: rgb(145, 170, 157);
  transform: rotate(45deg);
  color: rgba(0, 0, 0, 0.85);
  font-size: 8px;
}

.topup-item .item .item-span {
  position: relative;top: 0.5rem;margin-left: 0.2rem;
}

.topup-item .item-checked {
  font-weight: bold;
  border: 0px solid #3e606f;
  background: #3e606f;
  color: rgba(255,255,255,0.85);
}


.topup-signup-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 1.2rem;
  width: 6.6rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(0,0,0,0.85);
  font-size: .426rem
}

.topup-signup-item .input-normal {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left:1.2rem;
  width: 3.3rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: #FFFFFF;
  font-size: .426rem;
}

.topup-signup-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
}

.topup-bouns-card {
  position:relative;width:10rem;height:3.75rem;
}

.topup-bouns-card .topup-bouns-content {
  position:absolute;width:9rem;left:0.5rem;top:0.6rem;height:3.15rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bg {
  position:absolute;top:0;height:0;width:100%;height:100%;
}

.topup-bouns-card .topup-bouns-content .tcard-top {
  position:absolute;top:0;left:0;width:9rem;height:2.45rem;display: flex;box-align:center;justify-content: center;align-content: center;align-items:center;text-align:center;
}

.topup-bouns-card .topup-bouns-content .tcard-top-span1 {
  margin-left:-0.6rem;width:5.5rem;line-height:0.5rem;word-wrap:break-word;font-weight:bold;display: flex;box-align:center;justify-content: center;align-content: center;align-items:center;text-align:left;height:2.45rem;font-size:.346rem;color: rgba(255,255,255,0.65);
}

.topup-bouns-card .topup-bouns-content .tcard-top-span2 {
  margin-right:-1rem;width:3rem;text-align:center;color: rgba(255,255,255,1);;font-size:.75rem;font-weight:bold;height:2.45rem;line-height:2.45rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bottom {
  position:absolute;left:0;bottom:0;width:9rem;height:0.7rem;line-height:0.7rem;font-size:.32rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text1 {
  position:absolute;left:0.5rem;color: rgba(255,255,255,0.85);
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text2 {
  position:absolute;right:0.5rem;color: rgba(255,255,255,0.85);
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text3 {
  color: rgba(255,255,255,0.85);;margin-right:0.5rem;
}

.topup-bonus-select .ticon-enable {
  margin-left:-3.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select .ticon-disable {
  opacity: 0.65;margin-left:-3.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select .tbicon-enable {
  margin-left:-2.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select .tbicon-disable {
  opacity: 0.65;margin-left:-2.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}



.tuprofile-top-card {
  position:relative;height:3rem;
}

.tuprofile-top-card span {
  position:absolute;left:0.5rem;top:0;font-size:.426rem;font-weight: bold;color: rgba(255,255,255,0.65);
}

.tuprofile-top-card .tupbg {
  position:absolute;top:0;left:0.5rem;width:9rem;height:3rem;line-height:0.72rem;overflow: hidden;border-radius: 0.2rem;overflow: hidden;
}

.tuprofile-top-card .tupbg img {
  position:absolute;top:0;left:0;width:100%;height: 3rem;
}

.tuprofile-top-card .tup-top {
  position:absolute;top:0;left:0.5rem;width:9rem;height:1rem;line-height:1rem;text-align:left;font-size:.6rem;
}

.tuprofile-top-card .tup-top-img {
  opacity:0.65;position:absolute;left:0.3rem;top:0.3rem;width:0.6rem;height:0.6rem;
}

.tuprofile-top-card .tup-top-span {
  position:absolute;left:1.1rem;top:0.1rem;font-size: .373rem;color: rgba(255,255,255,0.65);
}

.tuprofile-top-card .tup-bottom {
  position:absolute;top:1rem;left: 0.5rem;width:9rem;height:1.7rem;text-align:left;font-size:.6rem;text-align: center;display: flex;justify-content: center;align-content: center;align-items: center;color: #FFFFFF;
}

.tuprofile-top-card .tup-bottom-unit {
  color: rgba(255,255,255,0.45);font-size: .64rem;
}

.tuprofile-top-card .tup-bottom-value {
  color: rgba(255,255,255,0.85);font-size: .853rem;
}

.tuprofile-tips {
  position: relative;left:0.8rem;width:8.4rem;line-height: 0.65rem;color: rgba(255,255,255,0.65);font-size: .426rem;text-align: center;
}

.tuprofile-type-item {
  position: relative;left: 0.8rem;width:8.4rem;height:1.3rem;line-height: 1.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.tuprofile-type-item .line {
  position: absolute;left:4.2rem;height:0.6rem;top:0.35rem;width: 1px;background: rgba(255,255,255,0.15);
}

.tuprofile-type-item .logo {
  position:absolute;left: 0.8rem;width:2.2456rem;height:0.8rem;top:50%;margin-top: -0.4rem;
}

.tuprofile-type-item .name {
  position: absolute;top:0;left:4.2rem;width:4.2rem;height:1.3rem;color: rgba(255,255,255,0.85);font-size: .426rem;text-align: center;
}

.signup-item-error-tp {
  position:relative;
  line-height: 0.6rem;
  font-size:.373rem;
  color:white;
  background: rgba(255,0,0,0.25);
  text-align: center;
  border-radius: 0.1rem;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.tup-profile {
  position:relative;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  margin-top: 0.3rem;
}

.tup-profile .title {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
}

.tuprofile-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.tuprofile-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.45;
}

.tuprofile-item .icon-focus {
  opacity: 1.0;
}

.tuprofile-item {
  position:relative;
  width:8rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4rem;
  border-radius: 0.22rem;
}

.tuprofile-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #BB4E00;
}

.tuprofile-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: #BB4E00;
}

.tuprofile-item .clear {
  position: absolute;
  right: 0.9rem;
  height: 1.3rem;
  width: 1rem;
}

.tuprofile-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}



.reward-list-top {
  position: relative;
  margin-top: .7rem;
  left: .5rem;
  width: 9rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .373rem;
  background-image: linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.04));
  border-radius: .22rem .22rem 0 0;
}

.reward-list-top img {
  position:absolute;
  left:0.5rem;
  width:0.5rem;
  height:0.5rem;
  top:0.3rem;
}

.reward-list-top span {
  position:absolute;
  left:1.2rem;
  height:100%;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}

.reward-item-title {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.45);
}

.reward-item-title .title1 {
  position:absolute;
  left:0;
  width:3.7rem;
  text-align: center;
}

.reward-item-title .title2 {
  position:absolute;
  left:3.7rem;
  width:2.6rem;
  text-align: center;
}

.reward-item-title .title3 {
  position:absolute;
  right:0;
  width:2.7rem;
  text-align: center;
}

.reward-item-title .line1 {
  position:absolute;
  left:3.4rem;
  width:1px;
  top:20%;
  height:60%;
  background: rgba(255,255,255,0.15);
}

.reward-item-title .line2 {
  position:absolute;
  right:2.7rem;
  width:1px;
  top:20%;
  height:60%;
  background: rgba(255,255,255,0.15);
}
.reward-item {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.reward-item2 {
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
}

.reward-item .left {
  position:absolute;
  width:3.7rem;
  height: 100%;
  text-align: center;
}

.reward-item .middle {
  position:absolute;
  left:3.9rem;
  width:2.4rem;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.reward-item .right {
  position:absolute;
  right:0;
  width:2.7rem;
  height: 100%;
  text-align: center;
}



.withdr-top-title {
  position:relative;
  margin-top:0.6rem;
  height: 2.2rem;
}

.withdr-top-title .tips {
  position: absolute;
  left: 1rem;
  width: 8rem;
  line-height: 0.6rem;
  top: 0;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}

.withdr-top-title .amount {
  position:absolute;
  left: 1rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  bottom:0.2rem;
}

.withdr-top-title .icon-nofree {
  opacity: 0.65;
}

.withdr-top-title .icon-free {
  opacity: 0.65;margin-top: -0.29rem;
}

.withdr-top-title .line {
  position:absolute;
  background: rgba(255,255,255,0.15);
  width: 8rem;
  height: 1px;
  left: 1rem;
  bottom:0;
}

.withdr-top-title .amount .icon {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  left: 0.3rem;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.withdr-top-title .amount .value {
  position: absolute;
  left: 1.1rem;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.withdr-top-title .amount .unit {
  position: absolute;
  right: 0.3rem;
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
}

.withdr-signup-item {
  position:relative;
  margin-top: 0.7rem;
  width:8rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4rem;
  border-radius: 0.22rem;
}

.withdr-signup-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #f9c486;
}

.withdr-signup-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.45);
}

.withdr-signup-item .clear {
  position: absolute;
  right: 1.3rem;
  height: 1.3rem;
  width: 1rem;
}

.withdr-signup-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.withdr-item-tips {
  position:relative;
  margin-top: 0.2rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.15);
  text-align: center;
  border-radius: 0.22rem;
  width:8rem;
  left:50%;
  margin-left:-4rem;
}

.withdr-item-tips .icon {
  position:absolute;
  left: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.15rem;
  opacity: 0.45;
}

.withdr-item-tips .text {
  position: relative;
  left: 1.1rem;
  text-align: left;
  line-height: 0.5rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.45);
  width: 6.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.withdr-signup-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 1.1rem;
  width: 4.8rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
  font-size: .426rem
}

.withdr-signup-item .input-normal {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left:2.7rem;
  width: 3.3rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.withdr-signup-item .input-normal-disable {
  opacity:0.45;
}

.withdr-signup-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
}



.withpf-top-title {
  position:relative;margin-top:0.6rem;height: 2.5rem;
}

.withpf-top-title .tips {
  position: absolute;
  left: 0.5rem;
  width: 8rem;
  line-height: 0.6rem;
  top: 0;
  font-size: .426rem;
  font-weight: bold;
  color: rgba(255,255,255,0.65);
}

.withpf-top-title .amount {
  position:absolute;
  left: 1rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  bottom:0.2rem;
}

.withpf-top-title .line {
  position:absolute;
  background: rgba(255,255,255,0.15);
  width: 8rem;
  height: 1px;
  left: 1rem;
  bottom:0;
}

.withpf-top-title .amount .icon {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.65;
}

.withpf-top-title .amount .title {
  position: absolute;
  left: 0.8rem;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.withpf-top-title .amount .value {
  position: absolute;
  left: 2.1rem;
  color: rgba(255,255,255,0.85);
  font-size: .533rem;
}

.withpf-top-title .amount .unit {
  position: absolute;
  right: 0;
  color: rgba(255,255,255,0.85);
  font-size: .373rem;
}

.withpf-profile {
  position:relative;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  margin-top: 0.3rem;
}

.withpf-profile .title {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
}

.withpf-profile-item {
  position:relative;
  width:8rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4rem;
  border-radius: 0.22rem;
}

.withpf-profile-item .type-item {
  position:absolute;
  left: 0;
  top:0.2rem;
  width: 1.82rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: .35rem;
  text-align: center;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.65);
  border-radius: 0.22rem;
}

.withpf-profile-item .type-item-checked {
  background: #3e606f;
  color: #FFFFFF;
}

.withpf-profile-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #BB4E00;
}

.withpf-profile-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: #BB4E00;
}

.withpf-profile-item .clear {
  position: absolute;
  right: 0.9rem;
  height: 1.3rem;
  width: 1rem;
}

.withpf-profile-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.signup-item-error-wd {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  color:white;
  background: rgba(255,0,0,0.25);
  text-align: center;
  border-radius: 0.1rem;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  z-index: 99;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.withpf-profile-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.withpf-profile-item .input-disabled {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.withpf-profile-item .input:disabled {
  color: rgba(255,255,255,0.85);
  -webkit-opacity:1;
  opacity:1 !important;
}

.withpf-profile-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.45;
}

.withpf-profile-item .icon-focus {
  opacity: 1.0;
}



.anim-right2left {
  animation: SDslideRightToLeft 0.3s ease-out forwards;
}

.anim-left2right {
  animation: SDslideLeftToRight 0.3s ease-out forwards;
}

.anim-right2left2 {
  animation: SDslideRightToLeft2 0.3s ease-out forwards;
}

.anim-left2right2 {
  animation: SDslideLeftToRight2 0.3s ease-out forwards;
}

@keyframes SDslideRightToLeft2 {
  from {
    transform: translateX(0%); 
  }
  to {
    transform: translateX(-100%); 
  }
}

@-webkit-keyframes SDslideRightToLeft2 {
  from {
    transform: translateX(0%); 
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes SDslideLeftToRight2 {
  from {
    transform: translateX(-100%); 
  }
  to {
    transform: translateX(0%); 
  }
}

@-webkit-keyframes SDslideLeftToRight2 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

.input-recode {
  position:absolute;
  top:9.8rem;
  left:1.85rem;
  width:6.6rem;
  height:1.34rem;
  line-height:1.34rem;
  background: rgba(255,255,255,0.45);
  border: 1px solid #F39A4F;
  border-radius: 0.1rem;
}

.input-recode-active {
  position:absolute;
  top:9.8rem;
  left:1.85rem;
  width:6.6rem;
  height:1.34rem;
  line-height:1.34rem;
  background: #FFFFFF;
  border: 1px solid #D17836;
  border-radius: 0.1rem;
}

#home {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #20262D;
  box-shadow: 0 20px 44px 0 rgba(0,0,0,0.16);
}


#home .user-copy {
  position:absolute;top:1.3rem;left:4.47rem;width:0.66rem;height:0.66rem;line-height:0.66rem;border-radius: 0.35rem;background: rgba(0,0,0,0.04);
}

#home .user-copy:active {
  background: #FFFFFF;
}

#home .app-download {
  position:absolute;top:0;left:0;width:10rem;height:1.21rem;line-height:1.2rem;z-index:1000;overflow: hidden;background-image: linear-gradient(134deg, #1A323E 0%, #8FAC9E 100%);
}

#home .app-download .bg {
  position:absolute;top:0;left:0.1rem;width:80%;
}

#home .app-download .span1 {
  position:absolute;top:0.14rem;left:1.7rem;line-height:0.5rem;font-size:0.32rem;color: rgba(255,255,255,0.85);width:8rem;
}

#home .app-download .span2 {
  position:absolute;top:0.65rem;left:1.7rem;line-height:0.5rem;font-size:0.32rem;color: rgba(255,255,255,0.85);width:8rem;
}

#home .app-download .close-dlframe {
  position:absolute;top:0;left:0.2rem;width:1.2rem;height:1.2rem;line-height: 1.2rem;
}

#home .app-download .close-dlframe-bg {
  position:absolute;top:50%;left:50%;margin-left:-0.3rem;margin-top:-0.3rem;width:0.6rem;height:0.6rem;background: rgba(255,255,255,0.45);border-radius: 0.4rem;
}

#home .app-download .close-dlframe-icon {
  position:absolute;width:0.56rem;height:0.56rem;top:50%;margin-top:-0.28rem;left:0.32rem;
}

#home .app-download .btn-download {
  position:absolute;right:0.5rem;width:2rem;height:0.8rem;top:0.2rem;background: #3E606F;border-radius: 0.5rem;color:rgba(255,255,255,0.85);text-align: center;
}

#home .app-download .btn-download span {
  position:absolute;top:0;height:0.8rem;line-height:0.8rem;width:100%;left:0rem;font-size: .346rem;color:rgba(255,255,255,0.85);
}

#home .app-name {
  position:absolute;top:0;left:0;width:10rem;height:1.4rem;line-height:1.4rem;z-index:1000;overflow: hidden;background: transparent;
}

#home .app-name .app-name-leftbg {
  position:absolute;top:0;left:0;width:1rem;height:1.25rem;background: rgba(255,255,255,0.04);box-shadow: inset -1px 0 0 0 rgba(255,255,255,0.04);
}

#home .app-name .app-name-leftbg img {
  position:absolute;width:0.55rem;height:0.55rem;top:50%;margin-top:-0.275rem;left:50%;margin-left: -0.275rem;
}

#home .app-name .app-icon-bg {
  border-radius: 0.1rem;position:absolute;left:0.5rem;width:0.7rem;height:0.7rem;top:50%;margin-top:-0.35rem;
}

#home .app-name .domain-icon-bg {
  border-radius: 0.1rem;position:absolute;left:0.5rem;height:0.7rem;top:51%;margin-top:-0.35rem;
}

#home .app-name .app-full-name {
  position:absolute;left:1.3rem;top:0;font-size:.41rem;color: #D3DBBE;
}

#home .app-name .app-user-frame {
  display: flex;place-content: center;align-items: center;position:absolute;top:50%;margin-top:-0.44rem;right:0.5rem;width:auto;height:0.88rem;line-height: 0.88rem;padding-left:0.25rem;padding-right:0.25rem;border-radius: 0.1rem;text-align: center;font-size: .373rem;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.85);
}

#home .app-name .app-user-frame .icon-nofree {
  opacity:0.65;position:relative;;width:0.44rem;height:0.44rem;
}

#home .app-name .app-user-frame .icon-free {
  position:relative;width:0.44rem;height:0.44rem;
}

#home .app-name .app-user-frame .value-text {
  position:relative;margin-left: 0.2rem;font-size: .426rem;
}

#home .app-name .app-user-frame .value-line {
  position:relative;margin-left: 0.3rem;width:1px;height: 0.5rem;background: rgba(255,255,255,0.15);
}

#home .app-name .app-user-frame .value-arrow {
  opacity:0.65;position:relative;margin-left:0.2rem;width:0.55rem;height:0.55rem;
}

#home .popmore-frame {
  position:absolute;top:0;width: 100%;height: 100%;background: #20262D;z-index: 2000;
}

#home .popmore-frame .back-frame {
  position:absolute;top:0;left:0;width:1rem;height:1.4rem;
}

#home .popmore-frame .back-frame .backbg-frame {
  position:absolute;width:0.88rem;height:0.88rem;top:50%;margin-top:-0.44rem;left:0.2rem;background: rgba(255,255,255,0.04);border-radius:0.22rem;
}

#home .popmore-frame .back-frame .backbg-frame img {
  transform:rotate(180deg);opacity:0.65;position:absolute;width:0.44rem;height:0.44rem;top:50%;margin-top:-0.22rem;left:50%;margin-left: -0.22rem;
}

#home .popmore-frame .gmenu-menu-title {
  position:absolute;top:1.7rem;width:10rem;height:1.12rem;line-height:1.12rem;font-size:.533rem;
}

#home .popmore-frame .gmenu-menu-title-img {
  position:absolute;width:0.66rem;height:0.66rem;top:50%;margin-top:-0.33rem;left:0.5rem;
}

#home .popmore-frame .gmenu-menu-title-value {
  position:absolute;left:1.4rem;top:0;color: #91AA9D;font-weight:bold;
}

#home .popmore-app-name {
  top: 0;background: #133C2B;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
}

#home  .header {
  font-size: .3125rem;
  font-weight: bolder;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  position: relative;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0);
  height: 5.9rem;
}
      
#home  .header  .left {
  width: 9rem;
  top: 0.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.5rem;
}
        
#home  .header  .left  .avatar {
  position: absolute;
  box-sizing: border-box;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.2rem;
  overflow: hidden;
  font-size: 0;
  top: -1.1rem;
  border: 2px solid #F9C486;
  background: rgb(88,77,76);
}
          
#home  .header  .left  .avatar  img {
  width: 100%;
  height: 100%;
}
              
#home  .header  .fun {
  position: absolute;
  top: 6.85rem;
  left: 0.5rem;
  font-size: .24rem;
  width: 9rem;
  height: 1.5rem;
  overflow: hidden;
}

#home  .header  .fun .fun-item {
  position: relative;
  display: inline-block;
  width: 2.135rem;
  height: 1.5rem;
  top: 0;
  border-radius: 0.1rem;
  background: #22043C;
  margin-left: 0.14rem;
}

#home .gmenu-item {
  position:absolute;
  top:0;
  left:0.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  width:5.7rem;
  background: #2D3A43;
  border-radius: 0.22rem;
  color: #91AA9D;
  font-size: .32rem;
}

#home .gmenu-item-img {
  position:absolute;
  left:0.3rem;
  top:0.4rem;
  width:0.55rem;
  height:0.55rem;
}

#home .gmenu-item-gold {
  position:absolute;
  top:0;
  left:0.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  width:5.7rem;
  background: rgba(255,255,255,0.02);
  border-radius: 0.22rem;
  color: rgba(255,255,255,0.45);
  font-size: .32rem;
}

#home .gmenu-item-anim {
  position:absolute;
  top:0;
  left:0.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  width:5.79rem;
  border-radius: 0.22rem;
  font-size: .32rem;
  background: #3E606F;
  color: rgba(255,255,255,1);
  transform: scale(0.9);
  animation: icon-scale .2s ease-in-out infinite alternate;
}

#home  .header  .fun .group-item-cur {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.35rem;
  width:3.33rem;
  height: 0.88rem;
  line-height: 0.88rem;
  top: 0;
  border-radius: 0.5rem;
  background: #3E606F;
  margin-right: 0.22rem;
}

#home  .header  .fun .group-item {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.35rem;
  width:3.33rem;
  height: 0.88rem;
  line-height: 0.88rem;
  top: 0;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.04);
  margin-right: 0.22rem;
}

#home  .header  .fun .fun-item img {
  top: 0.16rem;
  left: 50%;
  margin-left: -0.33rem;
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
}

#home  .header  .fun .fun-item .imgbg1 {
  top: 0rem;
  left: 50%;
  margin-left: -0.48rem;
  position: absolute;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 0.5rem;
  background: rgba(178,89,34,0.25);
  border: 0.04rem solid #FCD7A1;
}

#home  .header  .fun .fun-item .red-point {
  top: 0.1rem;
  right: 0.75rem;
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.15rem;
  background: #FF0000;
}

#home  .header  .fun .fun-item span {
  position: absolute;
  top: 0.95rem;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 0.32rem;
  color: rgba(255,255,255,0.45);
  font-weight: initial;
}


#home  .header  .right {
  position: absolute;
  left: 5.2rem;
  display: flex;
  font-weight: lighter;
  justify-content: center;
  align-items: center;
  font-size: .24rem;
  width: 9rem;
}
        
#home  .header  .right  .coin-active {
  background-color: #e05e00;
}
          
#home  .header  .right  .coin-normal {
  background: rgba(75,0,116,0.45);
}

#home  .header  .right  .coin-normal:active {
  opacity: 1;
}

#home  .header  .right  .btn-normal {
  background: rgba(75,0,116,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.85);
  border-radius: 0.1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  width: 4.35rem;
  font-size: 0.373rem;
}

#home  .header  .right  .btn-active {
  background: rgba(75,0,116,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.85);
  border-radius: 0.1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  width: 4.35rem;
  font-size: 0.373rem;
  opacity: 0.65;
}
          
#home  .main {
  overflow: hidden;
  width: 100%;
  border-top-left-radius: .0rem;
  border-top-right-radius: .0rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: 998;
}
              
#home  .main  .panel {
  width: 92%;
  font-size: .3125rem;
  padding-left: 0.5rem;
  border-bottom: .0rem solid #f5f5f5;
}
        
#home  .main  .panel  .header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .125rem .2rem;
}
                      
#home  .main  .panel  .header  .more {
  flex: 1;
  text-align: right;
  vertical-align: middle;
  font-size: .25rem;
}
            
#home  .main  .panel  .body {
  display: flex;
  flex-wrap: wrap;
}
          
#home  .main  .panel  .body  .item {
  padding-right: 0.2rem;
  padding-bottom: 0.2rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
            
#home  .main  .panel  .body  .item  img {
  vertical-align: bottom;
}

#home .top-banner-frame {
  position:absolute;top:1.5rem;left:0.5rem;width:9rem;height:2.2rem;
}

#home .top-banner-frame-img {
  width:9rem;height:4.5rem;border-radius: 0.44rem;object-fit: cover;
}

#home .top-noty-bar-frame {
  position:absolute;top:6.3rem;left:0.5rem;width:9rem;height:1.1rem;background: rgba(255,255,255,0.04);border-radius: 0.22rem;
}

#home .top-noty-bar-frame-icon {
  opacity: 0.45;position:absolute;left:0.3rem;width:0.5rem;height:0.5rem;top:50%;margin-top:-0.25rem;
}

#home .notice-swipe {
  margin-left: 0.5rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .33rem;
  font-weight: initial;
  color: rgba(255,255,255,0.65);
  background: transparent;
}

#home .gpanel-more-frame {
  position:relative;height:1.2rem;line-height:1.2rem;font-size:.426rem;color: rgba(255,255,255,0.85);font-weight:bold;display: flex;justify-content: flex-start;align-items: center;
}

#home .gpanel-more-frame .group-icon {
  position:absolute;top:50%;margin-top:-0.275rem;width:0.55rem;height:0.55rem;
}

#home .gpanel-more-frame .group-title {
  position:absolute;left:0.8rem;
}

#home .gpanel-bottom-item {
  width:3.066rem;height: 2.1rem;
}

#home .gpanel-bottom-item-content {
  width:100%;height:1.886rem;background-color:transparent;box-shadow: 0 2px 4px 0 rgba(0,0,0,0);background: rgba(255,255,255,0.04);border-radius: 0.22rem;
}

#home .gpanel-bottom-item-content img {
  position: absolute;top:50%;margin-top:-0.4415rem;left:0;border-radius:0.1rem;width:2.87rem;height: 0.883rem;
}

#home .ggame-more {
  position:absolute;
  top:50%;
  margin-top:-0.33rem;
  right:0.2rem;
  width:1.6rem;
  height:0.66rem;
  line-height:1.2rem;
  border-radius: 0.4rem;
  background: rgba(255,255,255,0.04);
  display: flex;
  justify-content: center;
  align-items: center;
}

#home .ggame-more:active {
  background: #3E606F;
}

#home .ggame-more .more-type1 {
  font-size:0.32rem;color: rgba(255,255,255,0.85);
}

#home .ggame-more .more-type2 {
  font-size:0.32rem;color: rgba(255,255,255,0.45);
}

#home .ggame-more .more-arrow {
  width:0.33rem;height:0.33rem
}

#home .ggame-item-frame {
  width:3.066rem;height: 4.2rem;
}

#home .ggame-item-content {
  width:100%;height:4rem;background-color:transparent;box-shadow: 0 2px 4px 0 rgba(0,0,0,0);border-radius:0.1rem;
}

#home .ggame-item-content img {
  position: absolute;top:0;left:0;border-radius:0.22rem;width:2.87rem;height: 3.826rem;
}

#home .ggame-item-content-img {
  position: absolute;top:0;left:0;border-radius:0.22rem;width:2.87rem;height: 3.826rem;
}

#home .ggame-item-content-likeframe {
  position:absolute;top:0;right:0.2rem;width:1.2rem;height:1.2rem;
}

#home .ggame-item-content-likeicon {
  position:absolute;top:0.12rem;right:0.15rem;width:0.66rem;height:0.66rem;border-radius:0.4rem;background: rgba(0,0,0,0.65);
}

#home .ggame-item-content-likeicon1 {
  position:absolute!important;
  top:0.11rem!important;
  left:0.11rem!important;
  width:0.44rem!important;
  height:0.44rem!important;
}

#home .ggame-item-content-likeicon2 {
  position:absolute!important;
  top:0.11rem!important;
  left:0.11rem!important;
  width:0.44rem!important;
  height:0.44rem!important;
}

#home .ggame-gamelist-loading {
  position:relative;font-size:.4rem;width:100%;height:1rem;line-height:1rem;text-align:center;background: transparent;
}

#home .ggame-item-content span {
  position: absolute;left:0;bottom:0.5rem;line-height: 0.5rem;white-space: normal;display:block;font-size:0.32rem;color: rgba(255,255,255,0.85);width:2.87rem;text-align:center;
}

#home .ggame-loadmore-frame {
  width:10rem;position:relative;height:1rem;background: transparent;
}

#home .ggame-loadmore-frame-bg {
  display: flex;justify-content: center;align-content: center;align-items: center;width:5rem;margin-left:2.5rem;border-radius:1rem;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.65);position:absolute;font-size:.4rem;height:1rem;line-height:1rem;text-align:center;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
}

#home .ggame-loadmore-frame-icon {
  opacity: 0.65;margin-left:0.1rem;width:0.4rem;height:0.4rem;
}

#home .sdpromotion-line1 {
  height:0.5rem;background: transparent;
}

#home .sdpromotion-line2 {
  height:1rem;
}

#home .sdpromotion-frame-type1 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: #282E35;padding-top: 0.45rem;padding-bottom:0.44rem;
}

#home .sdpromotion-frame-type2 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: #1F4D3B;
}

#home .sdpromotion-frame-type3 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: #1F4D3B;padding-top: 0.45rem;
}

#home .sdpromotion-frame-type4 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: #1F4D3B;padding-bottom:0.45rem;
}

#home .sdpromotion-content {
  width: 9rem;margin: 0rem auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;flex-wrap: wrap;
}

#home .div-link {
  margin:0.2rem;
  border-radius: 0.65rem;
  width:1.12rem;
  height:1.12rem;
  background: rgba(255,255,255,0.04);
}

#home .div-link:active {
  background: #FFFFFF;
}

#home .div-link-logo {
  margin:0.11rem;
  width:1.555rem;
  height:0.555rem;
}

#home .div-link-logo img {
  width:1.555rem;
  height:0.555rem;
}

#home .div-link img {
  margin-top: 0.225rem;
  width: 0.67rem;
  height: 0.67rem;
}

#home .sdpromotion-desc-content {
  position:relative;font-size:.4rem;text-align:center;width:10rem;padding-top: 0.6rem;padding-bottom:0.45rem;border-top: 1px solid rgba(255,255,255,0);background: #20262D;
}

#home .sdpromotion-desc-content-name {
  width:100%;font-size:.426rem;text-align:center;height:20px;line-height:20px;color: rgba(255,255,255,0.65);
}

#home .sdpromotion-desc-content-text {
  width:9rem;margin-top:0.3rem;margin-left:0.5rem;font-size:12px;text-align:center;line-height:20px;color: rgba(255,255,255,0.45);text-align:left;white-space: pre-wrap;
}

#home .sdpromotion-desc-content-tips {
  margin-top:1rem;width:100%;font-size:12px;text-align:center;height:20px;line-height:20px;color: rgba(255,255,255,0.65);
}

#home .sdpromotion-desc-content-version {
  width:10rem;left:0.2rem;text-align:center;font-size:.3rem;color: rgba(255,255,255,0.25);z-index: 1001;
}

#home .sdpromotion-desc-content-line {
  height:1.5rem;
}

#home .more-menu-tab {
  position:absolute;top:1.7rem;width:10rem;height:1.12rem;line-height:1.12rem;font-size:.373rem;
}

#home .more-menu-tab .more-menu-item-disable {
  border: 1px solid rgba(255,255,255,0.15);border-radius:0.6rem 0 0 0.6rem;position:absolute;top:0;width:4.5rem;height:1.12rem;line-height:1.12rem;display: flex;justify-content: center;align-items: center;
}

#home .more-menu-tab .more-menu-item-disable img {
  width:0.55rem;height:0.55rem;margin-right:0.2rem;
}

#home .more-menu-tab .more-menu-item-disable span {
  color: rgba(255,255,255,0.65);
}

#home .more-menu-tab .more-menu-item-enable {
  background: #164633 ;border: 1px solid #164633 ;border-radius:0.6rem 0 0 0.6rem;position:absolute;top:0;left:0.5rem;width:4.5rem;height:1.12rem;line-height:1.12rem;display: flex;justify-content: center;align-items: center;
}

#home .more-menu-tab .more-menu-item-enable img {
  width:0.55rem;height:0.55rem;margin-right:0.2rem;
}

#home .more-menu-tab .more-menu-item-enable span {
  color: #FFFFFF;
}

#home .more-menu-tab .more-menu-item-type1 {
  border-radius:0.6rem 0 0 0.6rem;left:0.5rem;
}

#home .more-menu-tab .more-menu-item-type2 {
  border-radius:0 0.6rem 0.6rem 0;left:5rem;
}

#home .ppmore-bottom-line {
  height:7rem;
}

#home .hdialog-noty-title {
  position:relative;width:100%;height:1.5rem;text-align: center;background: rgba(255,255,255,0.04);font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-noty-closeicon {
  position:absolute;opacity: 0.45;top:50%;margin-top:-0.4rem;right:0.3rem;width:0.8rem;height:0.8rem;
}

#home .hdialog-noty-content {
  height:15rem;width:9rem;margin-left: 0.5rem;
}

#home .hdialog-noty-content-icon {
  position:relative;height:3.36rem
}

#home .hdialog-noty-content-icon img {
  position:absolute;top:50%;margin-top:-0.88rem;left:50%;margin-left:-0.88rem;width:1.76rem;height:1.76rem;
}

#home .hdialog-noty-content-title {
  position: relative;margin-top: -0.5rem;height: 1.2rem;width:9rem;color: #FFFFFF;text-align: center;font-size: .426rem;
}

#home .hdialog-noty-content-text {
  position: relative;flex: 1;width:100%;max-height: 40vh;overflow: scroll;
}

#home .hdialog-noty-content-text .noty-text {
  position:relative;margin-left:1rem;margin-right:1rem;font-size:.373rem;line-height: .55rem;text-align:left;word-wrap:break-word;white-space: pre-wrap;color: rgba(255,255,255,0.65);
}

#home .hdialog-noty-content-btn {
  position:relative;left:50%;margin-left:-1.6rem;width:3.2rem;height:1.1rem;border-radius: 0.22rem;background: #3E606F;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);text-align: center;font-size: 0.373rem;line-height: 1.1rem;color: rgba(255,255,255,0.85);
}

#home .hdialog-loginalert-title {
  position:relative;width:100%;height:1.5rem;background: rgba(255,255,255,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-loginalert-content {
  height:12rem;width:9rem;margin-left:0.5rem;
}

#home .hdialog-loginalert-text {
  position:relative;margin-top:1rem;margin-left:1rem;width:7rem;text-align:center;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

#home .hdialog-continue-title {
  position:relative;width:100%;height:1.5rem;background-color:rgba(0,0,0,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(0,0,0,0.65);
}

#home .hdialog-continue-icon {
  position:relative;margin-top:1rem;width:2.1rem;height:2.1rem;left:50%;margin-left:-1.05rem;
}

#home .hdialog-continue-tips1 {
  position:relative;width: 8rem;margin-top:0.5rem;margin-left:1rem;text-align:center;font-size:0.533rem;color: rgba(255,255,255,0.85);line-height: 0.6rem;
}

#home .hdialog-continue-tips2 {
  position:relative;width:8rem;text-align:center;margin-top:1rem;margin-left:1rem;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

#home .hdialog-cslist-title {
  position:relative;width:100%;height:1.5rem;background: rgba(0,0,0,0.15);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-cslist-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

#home .hdialog-cslist-content {
  position:relative;top:0;left:0;width:10rem;max-height:80vh;overflow:scroll;
}

#home .hdialog-cslist-content-item {
  position:relative;width:100%;height:3.2rem;
}

#home .hdialog-cslist-content-user {
  position:absolute;left:1rem;width:8rem;top:0.43rem;height:1.28rem;line-height: 1.28rem;
}

#home .hdialog-cslist-content-avatar {
  position:absolute;width:1.28rem;height:1.28rem;border-radius:0.1rem;
}

#home .hdialog-cslist-content-name {
  position:absolute;left:1.5rem;width:4.5rem;height:1.28rem;font-size: .426rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-cslist-content-contact {
  position:absolute;left:1rem;width:8rem;bottom:0.43rem;height:0.86rem;line-height: 0.86rem;background: rgba(255,255,255,0.08);border-radius: 0.1rem;
}

#home .hdialog-cslist-content-contact .cticon {
  opacity: 0.45;position:absolute;top:0.11rem;left:0.21rem;width:0.64rem;height:0.64rem;
}

#home .hdialog-cslist-content-contact .ctname {
  position:absolute;left:1rem;width:2rem;color: rgba(255,255,255,0.45);font-size:.373rem;
}

#home .hdialog-cslist-content-contact .ctcontact {
  position:absolute;top:0;left:3.3rem;width:4.5rem;color: rgba(255,255,255,0.45);font-size:.373rem;
}

#home .hdialog-cslist-content-contact .ctline {
  position:absolute;left:3rem;top:0.16rem;width:1px;height:0.53rem;background-color:rgba(255,255,255,0.08);
}

#home .hdialog-cslist-content-contact-line {
  position:absolute;bottom:1px;left:1rem;width:8rem;height:1px;background-color:rgba(255,255,255,0.15);
}

#home .hdialog-activity-title {
  position:relative;width:100%;height:1.5rem;background: rgba(0,0,0,0.15);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-activity-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

#home .hdialog-activity-content {
  position:relative;top:0.5rem;left:0;width:10rem;max-height:100vh;overflow:scroll;
}

#home .hdialog-freereg-close {
  position:absolute;top: 1.8rem;right:0.45rem;width:2.4rem;height:0.8rem;line-height: 0.8rem;border-radius: .5rem;background: #3E606F;border: 1px solid #FFB57F;
}

#home .hdialog-freereg-close img {
  position:absolute;top:50%;margin-top:-0.25rem;right:0.3rem;width:0.5rem;height:0.5rem;
}

#home .hdialog-freereg-close span {
  position:absolute;left:0.3rem;font-size: .373rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-freereg-tbg {
  position: absolute;left: 0;width: 10rem;height: 12.39rem;
}

#home .hdialog-freereg-content {
  position:absolute;top:2.8rem;width:10rem;height:12.22rem;
}

#home .hdialog-freereg-content-img1 {
  position:absolute;top:0;left:0;width:10rem;
}

#home .hdialog-freereg-content-img2 {
  position:absolute;top:3.5rem;right:3.5rem;width:0.56rem;height:0.56rem;
}

#home .hdialog-freereg-content-text1 {
  position:absolute;top:3.55rem;left:3.5rem;color: #78340F;;font-size:.533rem;
}

#home .hdialog-freereg-content-text2 {
  position:absolute;top:4.1rem;left:3rem;height:2rem;line-height: 2rem;color: #78340F;font-size: 1.6rem;text-align: center;width: 4rem;font-weight: bold;
}

#home .hdialog-freereg-content-text3 {
  position:absolute;top:7.6rem;left:2.5rem;width:5rem;height:1.3rem;line-height:0.65rem;text-align:center;color: #78340F;font-size: .64rem;font-weight: bold;
}

#home .hdialog-freereg-content-text4 {
  position:absolute;top:9.2rem;left:2rem;width:6rem;line-height:0.5rem;text-align:center;color: #78340F;font-size: .373rem;
}

#home .hdialog-freereg-btn {
  color: rgb(252, 215, 161);background-image: linear-gradient(rgb(243, 154, 79) 0%, rgb(178, 89, 34) 100%);border: 2px solid #FCD7A1;position:absolute;top:15.2rem;width:5.8rem;height:1rem;line-height: 0.9rem;left:50%;margin-left:-2.9rem;border-radius: 0.61rem;text-align: center;font-size: .533rem;
}

#home .hdialog-freereg-tips {
  position:absolute;
  top:17.2rem;
  width:8rem;
  left:1rem;
  height: 1.4rem;
  line-height: 0.5rem;
  text-align: left;
  font-size: 0.373rem;
  display: flex;
  place-content: center;
  align-items: center;
  color: #FFB57F;
  background: rgba(43,22,0,0.85);
  border-radius: 0.1rem;
}

#home .hdialog-freereg-tips img {
  margin-left:0.3rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

#home .hdialog-freemsg-title {
  position:relative;width:100%;height:1.5rem;background-color:rgba(255,255,255,0.0);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-freemsg-icon {
  position:relative;margin-top:1rem;width:2.1rem;height:2.1rem;left:50%;margin-left:-1.05rem;
}

#home .hdialog-freemsg-tips1 {
  position:relative;width: 8rem;margin-top:0.5rem;margin-left:1rem;text-align:center;font-size:0.533rem;color: rgba(255,255,255,0.85);;line-height: 0.6rem;
}

#home .hdialog-freemsg-tips2 {
  position:relative;width:8rem;text-align:center;margin-top:1rem;margin-left:1rem;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

#home .hdialog-freemsg-btn {
  position: relative;
  left: 50%;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.6rem;
  width:3.6rem;
  margin-left: -1.8rem;
  margin-top:0.4rem;
  background: #3E606F;
  color: #FFFFFF;
}

#home .hdialog-pdd-content {
  width: 10rem;height:14.59rem;display: flex;flex-flow: column;
}

#home .hdialog-pdd-content-img {
  position:absolute;width:9.4rem;height:14.59rem;left:0.3rem;
}

#home .hdialog-pdd-close {
  position:absolute;right:0.7rem;top:0.4rem;width:1rem;height:1rem;
}

#home .hdialog-pdd-tips {
  position:absolute;left:51%;margin-left:-2.5rem;top:10.5rem;width:5rem;font-size: .4rem;font-weight: bold;color:#78340F;line-height: 0.6rem;
}

#home .hdialog-pdd-btn {
  color: #FCD7A1;font-weight: bold;background-image: linear-gradient(#F39A4F 0%, #78340F 100%);border: 2px solid #FCD7A1;position:absolute;top:12.85rem;width:3.4rem;height:0.88rem;line-height: 0.88rem;left:50%;margin-left:-1.7rem;border-radius: 0.61rem;text-align: center;font-size: .38rem;box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
}

#home .hdialog-firstrch-content {
  position:absolute;left:50%;width:8.4rem;height:14rem;margin-left:-4.2rem;background-image: linear-gradient(180deg, #FEFCE1 0%, #DA8D4E 100%);box-shadow: 0 -2px 8px 0 rgba(43,22,0,0.25);border-radius: 0.4rem;
}

#home .hdialog-firstrch-text1 {
  position: absolute;top:0;left:0;width:100%;color: #78340F;font-size:.533rem;font-weight: bolder;line-height: 0.6rem;text-align: center;
}

#home .hdialog-firstrch-text2 {
  position: absolute;top:0;left:0;width:100%;color: #78340F;font-size:.373rem;font-weight: bolder;line-height: 0.45rem;text-align: center;
}

#home .hdialog-firstrch-text3 {
  position: absolute;top:0;left:0;width:100%;color: #78340F;font-size:.373rem;font-weight: bolder;line-height: 0.6rem;text-align: center;
}

#home .hdialog-firstrch-text4 {
  color: #78340F;font-size:.533rem;text-align: center;margin-top:0.6rem;
}

#home .hdialog-firstrch-text5 {
  color: #78340F;font-size:1.7rem;font-weight: bold;
}

#home .hdialog-firstrch-btn {
  color: rgba(255,255,255,0.85);background-image: linear-gradient(rgb(243, 154, 79) 0%, rgb(178, 89, 34) 100%);border: 2px solid #FCD7A1;box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);position:absolute;top:11.7rem;width:4.2rem;height:1rem;line-height: 0.95rem;left:50%;margin-left:-2.1rem;border-radius: 0.61rem;text-align: center;font-size: .426rem;
}

#home .rain-time {
  position:absolute;
  width: 2.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

#home .rain-time img {
  position: absolute;
  opacity: 0.65;
  top: 50%;
  margin-top:-0.165rem;
  left: 0rem;
  width: 0.32rem;
  height: 0.32rem;
}

#home .rain-time span {
  position: absolute;
  left: 0.36rem;
  color: rgb(252, 215, 161);
  font-size: 0.33rem;
  line-height: 0.6rem;
}

#home  .chat-button {
  position: absolute;
  right: 0;
  top: 0.15rem;
  width: 1.5rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background: #3E606F;
  color: rgba(255,255,255,0.85);
  border-radius: 0.22rem;
  font-size: .35rem;
}
      
#home  .chat-button:active {
  background: #91AA9D;
}

#home  .hdialog-btn-continue {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  height: 1.1rem;
  background: #3E606F;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(255,255,255,0.85);
  border-radius: 0.22rem;
  margin-top:0.5rem;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

#home  .hdialog-btn-cancel {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  height: 1.1rem;
  background: rgba(255, 255, 255, 0.15);
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 0.22rem;
  margin-top:0.4rem;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}
      
#home  .menu-item-cell {
  position: absolute;
  width: 100%;
  height: 1.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}
      
#home  .menu-item-cell  .title {
  position: absolute;
  right: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.373rem;
  text-align: right;
  color: white;
}
        
#home  .menu-item-cell-active {
  position: absolute;
  width: 100%;
  height: 1.2rem;
  border-top: 0px solid rgba(255, 255, 255, 0.1);
  background: #e05e00;
}
      
#home  .menu-item-cell-active  .title {
  position: absolute;
  right: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.373rem;
  text-align: right;
  color: white;
}
        
#home  .menu-item-img {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  right: 0.35rem;
}
      
#home  .menu-button {
  position: fixed;
  z-index: 1999;
  right: 0.4rem;
  background-color: #35373F;
  border-radius: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
}

#home  .menu-button-active {
  position: fixed;
  z-index: 1999;
  right: 0.4rem;
  background-color: #e05e00;
  border-radius: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
}

#home  .btn-nologin {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  background: #3E606F;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(255,255,255,0.85);
  border-radius: 0.22rem;
  opacity: 1;
}

#home  .btn-nologin:active {
  opacity: 0.5;
}

#home  .btn-nologin-cancel {
  position: relative;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  opacity: 1;
  left: 71%;
  margin-top: -1.1rem;
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
}

#home  .btn-nologin-cancel:active {
  opacity: 0.5;
}
            
#home  .cover-white {
  position: fixed;
  top: 100vh;
  height: 100vh;
  width: 10rem;
  z-index: 2000;
  background: #20262D;
}

#home  .top-user-panel {
  position: fixed;
  top:1.4rem;
  right: 0.45rem;
  width: 5.5rem;
  height: 5rem;
  background: transparent;
  font-size: 0.373rem;
  border-radius: 0.1rem;
}

#home  .top-user-panel-arrow {
  position:absolute;right:0.35rem;width: 0;height: 0;border-left: 0.3rem solid transparent;border-right: 0.3rem  solid transparent;border-bottom: 0.3rem  solid #EEEFF1;
}

#home  .top-user-panel-body {
  position:absolute;top:0.25rem;left:0;width:100%;height:4.7rem;background: #EEEFF1;border-radius: 0.22rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);border: 1px solid rgba(0,0,0,0.05);
}

#home .top-user-panel-avatarframe {
  position:absolute;top:0.5rem;left:0.4rem;width:0.66rem;height:0.66rem;border: 2px solid #f9c486;border-radius: 0.1rem;
}

#home .top-user-panel-avatarimg {
  position:absolute;top:0;left:0;width:100%;height:100%;
}

#home .top-user-panel-name {
  position:absolute;top:0.5rem;left:1.4rem;width:3.73rem;height:0.72rem;line-height:0.72rem;border-radius: 0.35rem;font-size: 0.373rem;color: rgba(0,0,0,0.85);background: rgba(0,0,0,0.04);
}

#home .top-user-panel-userid {
  position:absolute;top:1.3rem;left:1.4rem;width:3rem;height:0.66rem;line-height:0.66rem;border-radius: 0.35rem;font-size: 0.32rem;color: rgba(0,0,0,0.65);background: rgba(0,0,0,0.04);
}

#home .top-user-panel-userid .idspan {
  margin-left:0.2rem;color: rgba(0,0,0,0.25);
}

#home .top-user-panel-copyimg {
  position:absolute;top:0.11rem;left:0.11rem;width:0.44rem;height:0.44rem;
}

#home .top-user-panel-coin {
  position:absolute;width:4.7rem;top:2.2rem;left:0.4rem;height:1rem;line-height: 1rem;background: #FFFFFF;border-radius: 0.1rem;
}

#home .top-user-panel-coinimg {
  position:absolute;width:0.5rem;height:0.5rem;top:50%;left:0.2rem;margin-top:-0.25rem;
}

#home .top-user-panel-cointext1 {
  position:absolute;left:0.8rem;color: rgba(0,0,0,0.45);font-size: .346rem;
}

#home .top-user-panel-cointext2 {
  position:absolute;left:0.8rem;color: rgba(0,0,0,0.45);font-size: .3rem;
}

#home .top-user-panel-cointext3 {
  position:absolute;right:0.3rem;color:black;font-size: .373rem;text-align: right;font-weight: bold;
}

#home .top-user-panel-level {
  position:absolute;width:4.7rem;top:3.5rem;left:0.4rem;height:1rem;line-height: 1rem;
}

#home .top-user-panel-levelimg {
  position:absolute;top:0;left:0;width:0.88rem;height:0.88rem;
}

#home .top-user-panel-level-line {
  position:absolute;top:0.2rem;left:1.1rem;width:1px;height:0.6rem;background: #FFFFFF;
}

#home .top-user-panel-vipicon {
  position:absolute;top:50%;margin-top:-0.33rem;left:1.35rem;width:0.66rem;height:0.66rem;
}

#home .top-user-panel-viptext {
  position:absolute;top:50%;margin-top:-0.25rem;left:2rem;height: 0.5rem;line-height: 0.5rem;width:0.5rem;border-radius:2px;text-align: center;color:#FFFFFF;font-size: 0.346rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

#home  .agent-cover {
  z-index: 9999;
  position: fixed;
  width: 10rem;
  height: 100vh;
  bottom: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
}

#home  .agent-panel {
  position: fixed;
  bottom: 1.4rem;
  right: 0.45rem;
  width: 4rem;
  background: #164633;
  font-size: 0.373rem;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  border-radius: 0.1rem;
  border: 1px solid rgba(0,0,0,0.05);
}

#home  .agent-panel-top {
  position:relative;
  border-radius: 0.2rem;
  height:0.6rem;
  background: #164633;
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.04);
}

#home  .agent-panel-bottom {
  border-top: 1px solid rgba(255,255,255,0.05);position:relative;height:0.6rem;background: #164633;border-radius: 0rem;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.04);
}

#home  .agent-panel-bottom img {
  opacity: 0.45;;transform: rotate(90deg);position:absolute;top:50%;margin-top: -0.2rem;left:50%;margin-left:-0.2rem;width:0.4rem;height: 0.4rem;
}

#home  #tab-bar-home  .item-normal {
  background: #22043C;
  color: rgba(255,255,255,0.65);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
        
#home  #tab-bar-home  .item-active {
  background: rgba(255,255,255,0.08);
  color: #FFFFFF;
}

#home  #tab-bar-home  .item-normal:active {
  background: rgba(255,255,255,0.08);
  color: #FFFFFF;
}

#home  #tab-bar-home-bg {
  width: 10rem;
  height: 2.222rem;
  position: fixed;
  left: 0;
  top: 80vh;
  right: 0;
  z-index: 2000;
}

#home  #tab-bar-home {
  width: 10rem;
  height: 2.222rem;
  position: fixed;
  left: 0;
  top: 80vh;
  right: 0;
  z-index: 2000;
  display: flex;
}

#home  .tab-bar-home-unread-gift {
  position:absolute;top:6%;margin-left:60%;width:0.3rem;height:0.3rem;border-radius:100%;background: #ee0a24;
}

#home  .tab-bar-home-unread-msg {
  position:absolute;top:-2%;left:0.95rem;font-size: .3rem;border: 1px solid #ee0a24;
}
      
#home  #tab-bar-home  .tab-item {
  width:1.77rem;
  height:1.33rem;
  position:absolute;
  top:63%;
  margin-top:-0.665rem;
}

#home  #tab-bar-home  .tab-item  img {
  width: 100%;
}
          
#home  #tab-bar-home  .tab-item  .img-click {
  background-image: linear-gradient(180deg, #FFB57F 0%, #E05E00 100%);
  border-radius: 0.6rem;
}
                  
#home  .top-cell {
  position: relative;
  width: 10rem;
  flex: 1;
  overflow: scroll;
}
      
#home  .top-cell  .item {
  position: relative;
  width: 100%;
  height: 1.5rem;
  font-size: .4rem;
}
        
#home  .top-cell  .item  .left {
  position: absolute;
  left: 0;
  width: 5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
}
          
#home  .top-cell  .item  .center {
  position: absolute;
  right: 1.8rem;
  width: 2.8rem;
  height: 100%;
}

#home  .top-cell  .item  .right {
  position: absolute;
  right: 0;
  width: 2.5rem;
  height: 100%;
}
          
.pop-gift-item {
  position:relative;width:100%;height:3.12rem;
}

.pop-gift-item .gift-title {
  position:absolute;top:0;left:0.5rem;width:9rem;height:0.666rem;line-height:0.666rem;color: rgba(255,255,255,0.85);font-size: .426rem;
}

.pop-gift-item .git-fun-item {
  position:absolute;top:0.7rem;left:0.5rem;width:9.1rem;height:2.222rem;overflow: hidden;
}

.pop-gift-item .git-fun-item .left{
  position:absolute;top:0;left:0;width:1.555rem;height:2.222rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);border-radius: 0.222rem;
}

.pop-gift-item .git-fun-item .left img{
  top: 50%;
  left: 50%;
  margin-left: -0.444rem;
  margin-top: -0.444rem;
  position: absolute;
  width: 0.888rem;
  height: 0.888rem;
}

.pop-gift-item .git-fun-item .left .imgbg1 {
  top: 50%;
  left: 50%;
  margin-left: -0.57rem;
  margin-top: -0.55rem;
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.6rem;
  background: #3E606F;
  border: 0.04rem solid #FCD7A1;
}

.pop-gift-item .git-fun-item .left .red-point {
  top: 0.55rem;
  right: 0.3rem;
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 0.2rem;
  background: #FF0000;
}

.pop-gift-item .git-fun-item .right {
  position:absolute;right:0;top:0;width:7.333rem;height:2.222rem;
}

.pop-gift-item .git-fun-item img {
  position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 0.15rem;
}

#home .home-chat-icon {
  position:absolute;width:1.2rem;height:1.2rem;right:0;border-radius: 0.6rem; background: #FFEE00;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
}
    
.sdhome-upgrade-page {
  position:fixed;width:100%;height:100vh;overflow: auto;background: #0F1923;
}

.sdhome-upgrade-page-icon {
  position:relative;margin-top:15vh;width:6.6rem;height:6.6rem;left:50%;margin-left: -3.3rem;
}

.sdhome-upgrade-page-title {
  position: relative;margin-top: 0.6rem;width:100%;font-size: .533rem;color: rgba(255,255,255,0.85);text-align: center;
}

.sdhome-upgrade-page-message {
  position: relative;margin-top: 0.6rem;left:15%;width:70%;font-size: .373rem;color: rgba(255,255,255,0.65);text-align: center;line-height: 0.6rem;
}


.sdhome-groupmenu-icon {
  position:relative;top:0.1rem;width:0.44rem;height:0.44rem;margin-right: 0.06rem;
}

.sdhome-groupmenu-icon-disable {
  position:relative;top:0.1rem;opacity:0.45;width:0.44rem;height:0.44rem;margin-right: 0.06rem;
}

.sdhome-groupmenu-span {
  position:relative;font-size: .32rem;color: #FFFFFF;
}

.sdhome-groupmenu-span-disable {
  position:relative;font-size: .32rem;color: rgba(255,255,255,0.45);
}

.sdhome-moremenu-frame {
  top: 2.85rem !important;
  width: 3.78rem !important;
  height: auto !important;
}

.sdhome-moremenu-frame-arrow {
  position:absolute;right:0.35rem;width: 0;height: 0;border-left: 0.3rem solid transparent;border-right: 0.3rem  solid transparent;border-bottom: 0.3rem  solid #282E35;
}

.sdhome-moremenu-frame-content {
  position:absolute;top:0.25rem;left:0;width:3.78rem;height:unset;background: #282E35;border-radius: 0.22rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);border: 1px solid rgba(0,0,0,0.05);
}

.sdhome-moremenu-frame-content-top {
  position:relative;left:0.22rem;width:3.34rem;height:0.22rem;
}

.sdhome-moremenu-frame-content-item {
  position:relative;left:0.22rem;width: 3.34rem;height:1rem;
}

.sdhome-moremenu-frame-content-item .item-bg {
  position:absolute;top:0;left:0;width:100%;height:0.88rem;line-height:0.88rem;border-radius: 0.1rem;font-size: .32rem;
}

.sdhome-moremenu-frame-content-item .item-img {
  position:absolute;width:0.44rem;height:0.44rem;top:25%;left:0.2rem;
}

.sdhome-moremenu-frame-content-item .item-img-disable {
  opacity: 0.45;position:absolute;width:0.44rem;height:0.44rem;top:25%;left:0.2rem;
}

.sdhome-moremenu-frame-content-item .item-name {
  position:absolute;left:0.8rem;
}

.sdhome-moremenu-frame-content-bottom {
  position:relative;left:0.22rem;width:3.34rem;height:0.1rem;
}

.anim-btn-icon-fun {
  background: #3E606F;
  color: rgba(255,255,255,1);
  transform: scale(0.9);
  animation: icon-scale .2s ease-in-out infinite alternate;
}

.more-menu-normal {
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.45);
}

.more-menu-active {
  background: #3E606F;
  color: rgba(255,255,255,1);
}

.fun-normal {
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
}

.sdhome-leftmenu-frame {
  position:absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2002;
}

.sdhome-leftmenu-frame .lright-frame {
  position:absolute;top:0;left:6.66rem;width:3.34rem;height: 100%;
}

.sdhome-leftmenu-frame .ltop-frame {
  position:absolute;top:0;left:0;width:100%;width:6.66rem;height:1.25rem;background: #282E35;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);z-index:2000;
}

.sdhome-leftmenu-frame .ltop-frame-back {
  position:absolute;top:0;left:0;width:1rem;height:1.25rem;background: rgba(255,255,255,0.04);box-shadow: inset -1px 0 0 0 rgba(255,255,255,0.04);
}

.sdhome-leftmenu-frame .ltop-frame-back-img {
  transform: rotate(180deg);position:absolute;width:0.55rem;height:0.55rem;top:50%;margin-top:-0.275rem;left:50%;margin-left: -0.275rem;
}

.sdhome-leftmenu-frame .ltop-frame-logo {
  border-radius: 0.1rem;position:absolute;right:0.5rem;height:0.7rem;top:50%;margin-top:-0.35rem;
}

.sdhome-leftmenu-frame .lcontent-frame {
  margin-top: 1.25rem;
  width: 6.66rem!important;
  background: #282E35;
}

.sdhome-leftmenu-frame .lgroup-item-frame {
  position:relative;
  width: 100% !important;;
  padding-left:0 !important;
}

.sdhome-leftmenu-frame .lgroup-item-content {
  position:relative;
  left:0.5rem;
  height:1.34rem;
  line-height:1.34rem;
  font-size:.426rem;
  color:rgba(255,255,255,0.45);
  font-weight:bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 6.1rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .bg-click {
  position:absolute;background: #3E606F;width:6.66rem;top:0;left:-0.5rem;height: 1.34rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .licon-normal {
  opacity:0.45;position:absolute;top:50%;margin-top:-0.275rem;width:0.55rem;height:0.55rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .licon-click {
  position:absolute;top:50%;margin-top:-0.275rem;width:0.55rem;height:0.55rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .lgroup-name {
  position:absolute;left:0.8rem;font-size:.32rem
}

.sdhome-leftmenu-frame .lline1 {
  position:relative;height:1px;width:100%;background: rgba(255,255,255,0.04);
}

.sdhome-leftmenu-frame .lspace1 {
  position:relative;height:0.44rem;width:100%;
}

.sdhome-leftmenu-frame .lact-item {
  width:2.9rem !important;
  height: 1.7rem !important;
}

.sdhome-leftmenu-frame .lact-item-content {
  width:2.8rem;
  height:1.56rem;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
  border-radius: 0.22rem;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-click {
  position: absolute;top:0.3rem;left:1.12rem;width:0.55rem;height: 0.55rem;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-normal {
  opacity:0.45;position: absolute;top:0.3rem;left:1.12rem;width:0.55rem;height: 0.55rem;
}

.sdhome-leftmenu-frame .lact-item-content .activity-name {
  position:absolute;top:1rem;width:2.8rem;font-size: 0.32rem;text-align: center;
}

.sdhome-leftmenu-frame .lact-item-content .activity-unread {
  position:absolute;top:0.3rem;left:1.5rem;width:0.22rem;height:0.22rem;background:#F12D4C;border-radius:0.3rem;
}


.sdhome-leftmenu-frame .lspace2 {
  position:relative;height:0.24rem;width:100%;
}

.sdhome-leftmenu-frame .lline2 {
  position:relative;height:1px;width:100%;background: rgba(255,255,255,0.04);
}

.sdhome-leftmenu-frame .lspace3 {
  position:relative;height:0.44rem;width:100%;
}

.sdhome-leftmenu-frame .lrecord-item {
  position:relative;height:1.5rem;width:100%;
}

.sdhome-leftmenu-frame .lrecord-item .rtext-normal {
  position:absolute;left:1.1rem;
}

.sdhome-leftmenu-frame .lrecord-item .rtext-click {
  position:absolute;left:1.1rem;color:#FFFFFF;
}

.sdhome-leftmenu-frame .lmedia-item-content {
  width:2.8rem;height:1.34rem;line-height:1.34rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,0);border-radius: 0.22rem;
}

.sdhome-leftmenu-frame .lmedia-item-content-icon {
  position: absolute;top:0.4rem;left:0.3rem;width:0.55rem;height: 0.55rem;
}

.sdhome-leftmenu-frame .lmedia-item-content-name {
  position:absolute;top:0;left:1rem;width:2.8rem;font-size: 0.32rem;text-align: left;
}

.sdhome-leftmenu-frame .lbottom-space {
  position:relative;height:2.5rem;width:100%;
}


.sdticket-bg {
  position:absolute;top:0;left:0;width:10rem;  
}

.sdticket-top-frame {
  position: relative;
  margin-top: 0;
  left: 0;
  width: 10rem;
  border-radius: 0.2rem;
  height: 14rem;
}

.sdticket-top-jackpot {
  position:absolute;
  top:0;
  left:0;
  width:10rem;
  height:10rem;
}

.sdticket-top-jackpot-text {
  position:absolute;
  top:0;
  left:0;
  width:10rem;
  height:10rem;
}

.sdticket-top-jackpot img {
  position:absolute;
  top: -0.8rem;
  left: 0;
  width: 10rem;
}

.sdticket-top-jackpot-span {
  position:absolute;top:4.1rem;left: 1.1rem;width:8rem;height:2rem;line-height: 2rem;font-size: 0.88rem;text-align: center;
  color: #FFEDE0;
  font-weight: bold;
  text-shadow: 5px 5px 4px #610097;
  /* -webkit-text-stroke: 1px #A400FF; 
  text-stroke: 1px #A400FF;  */
}


.sdticket-bottom-jackpot {
  position:absolute;
  top:6.4rem;
  left:0;
  width:10rem;
  height: 7rem;
}

.sdticket-bottom-jackpot-bg {
  position:absolute;
  top: 6.4rem;
  left: 0.1rem;
  width: 9.8rem;
}

.sdticket-bottom-jackpot-title {
  position:absolute;
  top:0.8rem;
  height: 1rem;
  line-height: 1rem;
  width: 100%;
  color: #FFEE00;
  text-shadow: 0 2px 0 #610097;
  text-align: center;
  font-size: .533rem;
  font-weight: bold;
}

.sdticket-bottom-jackpot-frame1 {
  position:absolute;
  top: 1.7rem;
  left: 0rem;
  width: 10rem;
  height: 0.88rem;
}

.sdticket-bottom-jackpot-frame1-bg {
  position:absolute;
  top: 0;
  left: 1.02rem;
  width: 7.7rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame1-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-conent-title {
  position: absolute;
  top: 0;
  left: 0;
}

.sdticket-bottom-jackpot-conent-day {
  color: #FFFFFF;
}

.sdticket-bottom-jackpot-conent-tips {
  position: absolute;
  top:50%;
  right: 0;
  width:0.56rem;
  height:0.56rem;
  margin-top: -0.28rem;
  background: rgba(0,0,0,0.45);
  border-radius: 0.3rem;
}

.sdticket-bottom-jackpot-conent-tips img {
  position:absolute;
  top: 50%;
  left: 50%;
  width: 0.44rem;
  height: 0.44rem;
  margin-top: -0.22rem;
  margin-left: -0.22rem;
}

.sdticket-bottom-jackpot-conent-value1 {
  position: absolute;
  top:0;
  right:0.88rem;
  color: #FFFFFF;
  font-size: .373rem;
  text-align: right;
}

.sdticket-bottom-jackpot-conent-value2 {
  position: absolute;
  top:0;
  right:0.1rem;
  color: #FFEE00;
  font-size: .533rem;
  text-align: right;
}

.sdticket-bottom-jackpot-conent-value2-unit {
  color: rgba(255,255,255,0.65);
  font-size: .42rem;
}

.sdticket-bottom-jackpot-frame2 {
  position:absolute;
  top: 2.65rem;
  left: 0;
  width: 10rem;
  height: 0.88rem;
}

.sdticket-bottom-jackpot-frame2-bg {
  position:absolute;
  top: 0;
  left: 0.88rem;
  width: 7.95rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame2-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-frame3 {
  position:absolute;
  top: 3.6rem;
  left: 0;
  width: 10rem;
  height: 0.88rem;
}

.sdticket-bottom-jackpot-frame3-bg {
  position:absolute;
  top: 0;
  left: 0.75rem;
  width: 8.2rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame3-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-frame4 {
  position:absolute;
  top: 4.55rem;
  left: 0;
  width: 10rem;
  height: 1rem;
}

.sdticket-bottom-jackpot-frame4-bg {
  position:absolute;
  top: 0;
  left: 0.62rem;
  width: 8.45rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 1rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame4-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 1rem;
  line-height: 1rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-claim {
  position:absolute;
  top: 5.3rem;
  left:50%;
  margin-left:-1.3rem;
  width:2.6rem;
  height:2.6rem;
  line-height: 2.1rem;
  border-radius: 1rem;
  /* background-image: linear-gradient(135deg, #FFF5E0 0%, #FCD7A1 34%, #FFAF00 69%, #FFEBBF 100%);
  box-shadow: 0 2px 0 0 #B25922, 0 4px 4px 0 rgba(75,0,116,0.65), inset 0 1px 1px 0 rgba(255,255,255,0.85), inset 0 0 2px 0 #7800BB; */
}

.sdticket-bottom-jackpot-claim img {
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
}

.sdticket-bottom-jackpot-claim span {
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FCD7A1;
  font-size: .32rem;
  text-shadow: 0 1px 0 #78340F;
}

.sdticket-bottom-jackpot-claim-spandisable {
  color: rgba(255, 255, 255, .45)!important;
  text-shadow: unset!important;
}

.sdticket-tickets-header {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  height: 2.6rem;
}

.sdticket-tickets-header-img1 {
  position:absolute;top:0.6rem;left:50%;width:9rem;margin-left:-4.5rem;
}

.sdticket-tickets-header-img2 {
  position:absolute;top:0;left:50%;width:6.14rem;margin-left:-3.07rem;
}

.sdticket-tickets-header-left {
  position:absolute;top: 1.4rem;left:0.3rem;width:4rem;height: 0.88rem;border-radius: 0.22rem;border: 1px dashed rgba(255,255,255,0.45);
  display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;font-size: .373rem;
}

.sdticket-tickets-header-right {
  position:absolute;top: 1.4rem;right:0.3rem;width:4rem;height: 0.88rem;border-radius: 0.22rem;border: 1px dashed rgba(255,255,255,0.45);
  display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;font-size: .373rem;
}

.sdticket-tickets-header-content {
  position:absolute;top: 1.4rem;left:0.3rem;width:8.35rem;height: 0.88rem;border-radius: 0.5rem;border: 1px dashed rgba(255,255,255,0.45);
  display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;font-size: .373rem;
}

.sdticket-tickets-header-content-item {
  display: flex;align-items: center;justify-content: center;
  width:2.783rem;height:100%;
}

.sdticket-tickets-header-icon1 {
  width: 0.66rem;height: 0.66rem;margin-right: 0.1rem;
}

.sdticket-tickets-header-icon2 {
  width: 0.66rem;height: 0.66rem;margin-left: 0.1rem;
}

.sdticket-tickets-headerexchange {
  position: relative;left: 0.5rem;width: 9rem;height: 1.56rem;margin-bottom: 0.5rem;z-index: 3;
}

.sdticket-tickets-headerexchange-left {
  position:absolute;left: 0.35rem;width: 4rem;height: 1.56rem;line-height: 1.56rem;
}

.sdticket-tickets-headerexchange-left-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-headerexchange-left-icon {
  position:absolute;width:0.66rem;height:0.66rem;top:50%;margin-top:-0.33rem;left: 0.5rem;
}

.sdticket-tickets-headerexchange-left-text {
  position:absolute;top:0;left:1.3rem;height:100%;width:2.6rem;line-height: 0.4rem;
}

.sdticket-tickets-headerexchange-left-span1 {
  position:absolute;top:0.4rem;left:0;color: #78340F;font-size: .373rem;font-weight: bold;
}

.sdticket-tickets-headerexchange-left-span2 {
  position:absolute;top:0.8rem;left:0;color: #78340F;font-size: .28rem;
}

.sdticket-tickets-headerexchange-right {
  position:absolute;right: 0.35rem;width: 4rem;height: 1.56rem;line-height: 1.56rem;
}

.sdticket-tickets-headerexchange-right-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-headerexchange-right-icon {
  position:absolute;width:0.66rem;height:0.66rem;top:50%;margin-top:-0.33rem;left: 0.5rem;
}

.sdticket-tickets-headerexchange-right-text {
  position:absolute;top:0;left:1.3rem;height:100%;width:2.6rem;line-height: 0.4rem;
}

.sdticket-tickets-headerexchange-right-span1 {
  position:absolute;top:0.4rem;left:0;color: #7800BB;font-size: .373rem;font-weight: bold;
}

.sdticket-tickets-headerexchange-right-span2 {
  position:absolute;top:0.8rem;left:0;color: #7800BB;font-size: .28rem;
}

.sdticket-tickets-body {
  position: relative;left: 0.9rem;width:9rem;display: flex;flex-wrap: wrap;z-index: 10;
}

.sdticket-tickets-body-item {
  padding-right: 0.1rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.sdticket-tickets-body-itemcontent {
  width: 2.68rem;
  height: 2.68rem;
  transform-style: preserve-3d; /* 保留 3D 变换 */
  transition: transform 0.6s;
}

.sdticket-tickets-body-itemcontent-type1 {
  position:absolute;top:0;left:0;width:2.68rem;height: 2.68rem;backface-visibility: hidden;transform: rotateY(180deg);
}

.sdticket-tickets-body-itemcontent-type1 .type-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame {
  position: absolute;top:0;left: 0;width: 100%;height: 1.4rem;text-align: center;font-size: .28rem;color: rgba(0,0,0,0.65);
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame-img {
  position: absolute;top: 0.65rem;left: 50%;margin-left: -0.33rem;width: 0.66rem;height: 0.66rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame-span {
  position: absolute;top: 0.2rem;left: 0;width: 100%;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame {
  position:absolute;bottom:0.1rem;left:50%;margin-left:-1.22rem;width:2.44rem;height: 1.05rem;text-align: center;line-height: 0.35rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit3 {
  position:absolute;top:0.6rem;left:55%;width:0.4rem;height:0.4rem;border-radius: 0.2rem;font-size: .2rem;text-align: center;line-height: 0.4rem;background: #9000E0;color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit2 {
  position:absolute;top:0.6rem;left:55%;width:0.4rem;height:0.4rem;border-radius: 0.2rem;font-size: .2rem;text-align: center;line-height: 0.4rem;background: #F39A4F;color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit {
  position:absolute;top:0.6rem;left:55%;width:0.4rem;height:0.4rem;border-radius: 0.2rem;font-size: .2rem;text-align: center;line-height: 0.4rem;background: #7FD0FF;color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-img {
  position:absolute;top: 0.6rem;left: 50%;margin-left: -0.5rem;width:1rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-text {
  position: absolute;bottom: 0.3rem;left: 50%;text-align: center;background: rgba(255,255,255,0.25);border: 1px solid rgba(255,255,255,0.25);border-radius: 0.4rem;color: #B25922;font-size: .426rem;width:1.78rem;margin-left: -0.89rem;height:0.66rem;line-height: 0.6rem;font-weight: bold;
}

.sdticket-tickets-body-itemcontent-type2 {
  position:absolute;top:0;left:0;width:2.68rem;height: 2.68rem;backface-visibility: hidden;
}

.sdticket-tickets-body-itemcontent-type2 .type-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame {
  position: absolute;top:0;left: 0;width: 100%;height: 1.4rem;text-align: center;font-size: .28rem;color: rgba(255,255,255,0.85);
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame-img {
  position: absolute;top: 0.65rem;left: 50%;margin-left: -0.33rem;width: 0.66rem;height: 0.66rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame-span {
  position: absolute;top: 0.2rem;left: 0;width: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame {
  position:absolute;bottom:0rem;left:58%;margin-left:-1.22rem;width:2rem;height: 1.12rem;text-align: center;line-height: 0.25rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-img {
  position:absolute;top:0;left:0;width: 100%;height: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span {
  position: relative;top: 0.15rem;color: rgba(255,255,255,0.85);font-size: .3rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span1 {
  position: relative;top: 0.15rem;color: #565965;font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span2 {
  position: relative;top: 0.15rem;color: #745000;font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span3 {
  position: relative;top: 0.15rem;color: #4B0074;font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-flip {
  transform: rotateY(180deg);
}

.sdticket-tickets-footer {
  position: relative;
  margin-top: -1.5rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.6rem;
}

.sdticket-tickets-footer img {
  position:absolute;top:0.6rem;left:50%;width:9rem;margin-left:-4.5rem;
}


.hdialog-betlist-title {
  position:relative;width:100%;height:1.5rem;background: rgba(0,0,0,0.15);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

.hdialog-betlist-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

.hdialog-betlist-content {
  position:relative;top:0;left:0;width:10rem;max-height:80vh;overflow:scroll;
}

.hdialog-betlist-content-title {
  position: relative;margin-top:0.5rem;left:0.5rem;height:1.3rem;line-height: 1.3rem;width: 9rem;font-size:.373rem;color: rgba(255,255,255,0.65);background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-top-left-radius: 0.22rem;border-top-right-radius: 0.22rem;
}

.hdialog-betlist-content-title img {
  position:absolute;left:0.44rem;width:0.56rem;height:0.56rem;top:50%;margin-top: -0.28rem;
}

.hdialog-betlist-content-title span {
  position: absolute;top:0;left:1.2rem;
}

.hdialog-betlist-content-item {
  position:relative;left:0.5rem;width:9rem;height:1.34rem;line-height: 1.34rem;font-size: .373rem;color: rgba(255,255,255,0.85);background: rgba(255,255,255,0.15);box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.15);
}

.hdialog-betlist-content-item1 {
  position:relative;left:0.5rem;width:9rem;height:1.34rem;line-height: 1.34rem;font-size: .373rem;color: rgba(255,255,255,0.85);background: rgba(255,255,255,0.08);box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.15);
}

.hdialog-betlist-content-item2 {
  background: transparent;
}

.hdialog-betlist-content-item1 .bleft {
  position: absolute;top:0;left:0;width: 5.5rem;height: 100%;text-align: center;
  color: #FFFFFF;
}

.hdialog-betlist-content-item1 .bright {
  position:absolute;top:0;right:0;width:3.5rem;height: 100%;text-align: center;
  color: #FFEE00;
}

.hdialog-betlist-content-item-line {
  position:absolute;top:50%;left:5.5rem;width:1px;height:0.56rem;margin-top: -0.28rem;background: rgba(255,255,255,0.15);
}

.hdialog-betlist-content-item-left {
  position:absolute;top:0;left:0;width:5.5rem;height: 100%;text-align: center;
}

.hdialog-betlist-content-item-right {
  position:absolute;top:0;right:0;width:3.5rem;height: 100%;text-align: center;
}

.hdialog-exchange-content {
  width: 10rem;height:12rem;display: flex;flex-flow: column;
}

.hdialog-exchange-content-bg {
  position:absolute;top:0;width:10rem;height:10rem;left:0;
}

.hdialog-exchange-content-title {
  position:absolute;top:0.9rem;left:0.5rem;width:9rem;height:1.3rem;line-height: 1.3rem;text-align: center;font-size: .64rem;color:#A400FF;font-weight: bold;text-shadow: 5px 5px 4px rgba(0,0,0,0.25);
}

.hdialog-exchange-content-title img {
  position:absolute;top:0.3rem;;left:50%;margin-left:-1rem;width: 2rem;
}

.hdialog-exchange-content-top {
  position:absolute;top:2.5rem;left:0.5rem;width:9rem;height: 5rem;
}

.hdialog-exchange-content-top-frame1 {
  position:absolute;top:0.2rem;left:50%;margin-left:-4rem;width:8rem;height:1.56rem;line-height: 1.56rem;border-radius:0.22rem;
}

.hdialog-exchange-content-top-frame1-arrow {
  position: absolute;top:45%;left:50%;margin-left:-0.33rem;width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame1-left {
  position:absolute;top:0;left:0.5rem;width: 3rem;height: 100%;
}

.hdialog-exchange-content-top-frame1-right {
  position:absolute;top:0;right:0.5rem;width: 3rem;height: 100%;
}

.hdialog-exchange-content-top-frame1-title {
  position:absolute;top:0;left:0;width:100%;height:0.5rem;line-height:0.5rem;text-align:center;font-size: .3rem;color: rgba(255,255,255,0.85);
}

.hdialog-exchange-content-top-frame1-tips {
  position:absolute;top:0.5rem;left:0;width:100%;height:1rem;display: flex;justify-content: center;align-items: center;font-size: .64rem;color: rgba(255,255,255,0.85);
}

.hdialog-exchange-content-top-frame1-tips img {
  width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame1-tips span {
  margin-left: 0.1rem;
}

.hdialog-exchange-content-top-frame2 {
  position:absolute;bottom:1.8rem;left:50%;margin-left:-4rem;width:8rem;height:1.34rem;line-height: 1.34rem;background: rgba(0,0,0,0.45);border-radius:0.22rem;
}

.hdialog-exchange-content-top-frame2-img {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.2rem;width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame2-span1 {
  position: absolute;top:0;left:1rem;color: #FFFFFF;font-size:.32rem;
}

.hdialog-exchange-content-top-frame2-span2 {
  position: absolute;top:0;right:1rem;color: #FFEE00;font-size:.64rem;text-align: right;
}

.hdialog-exchange-content-top-frame3 {
  position:absolute;bottom:0.4rem;left:50%;margin-left:-4rem;width:8rem;height:1.34rem;line-height: 1.34rem;background: rgba(0,0,0,0.45);border-radius:0.22rem;
}

.hdialog-exchange-content-top-frame3-img {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.2rem;width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame3-span1 {
  position: absolute;top:0;left:1rem;color: #FFEE00;font-size:.32rem;
}

.hdialog-exchange-content-top-frame3-opt {
  position:absolute;right:0.2rem;top:50%;margin-top:-0.44rem;width:2.66rem;height:0.88rem;
}

.hdialog-exchange-content-top-frame3-optimg {
  position:absolute;top:0;left:0;width:100%;height:100%
}

.hdialog-exchange-content-top-frame3-optdiv1 {
  position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;line-height: 0.88rem;color: #FFEE00;font-size: .64rem;
}

.hdialog-exchange-content-top-frame3-optdiv2 {
  position:absolute;top:0;left:0;width:0.88rem;height:0.88rem;
}

.hdialog-exchange-content-top-frame3-optdiv2 img {
  position:absolute;top:0;left:0;width:100%;height:100%;
}

.hdialog-exchange-content-top-frame3-optdiv3 {
  position:absolute;top:0;right:0;width:0.88rem;height:0.88rem;
}

.hdialog-exchange-content-top-frame3-optdiv3 img {
  position:absolute;top:0;left:0;width:100%;height:100%;
}

.hdialog-exchange-content-bottom {
  position:absolute;top:8.4rem;left:0.5rem;width:9rem;height: 1rem;
}

.hdialog-exchange-content-bottom-left {
  position:absolute;top:0;left:1.6rem;width:2.66rem;height: 1.12rem;line-height: 1.12rem;color: rgba(0,0,0,0.65);text-align:center;font-size: .373rem;font-weight: bold;
}

.hdialog-exchange-content-bottom-right {
  position:absolute;top:0;right:1.6rem;width:2.66rem;height: 1.12rem;line-height: 1.12rem;color: rgba(0,0,0,0.65);text-align:center;font-size: .373rem;font-weight: bold;
}

.hdialog-exchange-content-bottom-img {
  position:absolute;top:0;left:0;width:100%;height:100%
}

.hdialog-exchange-content-bottom-span {
  position: absolute;top: 0;left:0;width:100%;height: 100%;
}

.hdialog-exchange-result-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 100vh;
}

.hdialog-exchange-result-content .bg {
  position: absolute;
  top:50%;
  margin-top: -7rem;
  left:0;
  width: 10rem;
  height: 10rem;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: resultBgImgAnim 20s linear infinite;
  animation: resultBgImgAnim 20s linear infinite;
  z-index: -1;
}


@-webkit-keyframes resultBgImgAnim {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
  }
}

@keyframes resultBgImgAnim {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
  }
}

.hdialog-exchange-result-content .result-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4.3rem;
  margin-left: -2.3rem;
  width: 4.6rem;
  height: 4.6rem;
  z-index: 10;
}

.hdialog-exchange-result-content .result-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.6rem;
  margin-left: -1.3rem;
  width: 2.6rem;
  height: 1.5rem;
  z-index: 11;
  text-align: center;
  line-height: 0.5rem;
  font-size: .426rem;
  font-weight: bold;
}


.hdialog-exchange-result-content .result-text1 {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 100%;
}

.hdialog-exchange-result-content .result-text2 {
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 100%;
}

.hdialog-exchange-result-content .result-text11 {
  color: #565965;
}

.hdialog-exchange-result-content .result-text12 {
  color: #565965;
}

.hdialog-exchange-result-content .result-text21 {
  color: #745000;
}

.hdialog-exchange-result-content .result-text22 {
  color: #745000;
}

.hdialog-exchange-result-content .result-text31 {
  color: #4B0074;
}

.hdialog-exchange-result-content .result-text32 {
  color: #4B0074;
}


.hdialog-exchange-result-content .btn-receive {
  /* background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border-radius: 1.1rem;
  border: 2px solid rgb(252, 215, 161);
  box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45); */
  color: rgba(0,0,0,0.65);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 2rem;
  margin-left: -1.67rem;
  width: 3.36rem;
  height: 1.12rem;
  text-align: center;
  line-height: 1.2rem;
  font-size: 0.373rem;
  font-weight: bold;
}

.hdialog-exchange-result-content .btn-receive img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}

.hdialog-exchange-result-content .btn-receive span {
  position: absolute;
  top: -0.05rem;
  left: 0;
  width: 100%
}

.sdhome-jackpot-frame {
  position:relative;width:9rem;height:4.55rem;
}

.sdhome-jackpot-frame img { 
  position:absolute;top:0;left:0;width:9rem;
}

.sdhome-jackpot-frame span { 
  /* position:absolute;top:1.4rem;left:0;width:9rem;height:2rem;line-height:2rem;text-align: center;color: #F9C486;text-shadow: 0 3px 0 #610097;font-size: 0.853rem; */
  position:absolute;top:1.4rem;left:0;width:9rem;height:2rem;line-height:2rem;text-align: center;font-size: 0.88rem;
  color: #FFEDE0;
  font-weight: bold;
  text-shadow: 5px 5px 4px #610097;
  /* -webkit-text-stroke: 1px #A400FF; 
  text-stroke: 1px #A400FF;  */
}
